ADAM / AIAHTML5

Commit cdb4b6ef03463e59628a17fc6547afcdf8a5f6dd

Authored by Amrita Vishnoi
1 parent 80f22b17

code till not introduced the JSPannel.

Inline Side-by-side
Showing 12 changed files with 3249 additions and 714 deletions
400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj
  View file @cdb4b6e
... ... @@ -66,6 +66,7 @@
66 66 <Content Include="app\views\3dA\3d-anatomy-details.html" />
67 67 <Content Include="app\views\3dA\3dA-view.html" />
68 68 <Content Include="app\views\ADAMImg\ADAMImg-view.html" />
  69 + <Content Include="app\views\aa\atlas-anatomy-detail.html" />
69 70 <Content Include="app\views\atlas-anatomy-detail.html" />
70 71 <Content Include="app\views\ca\clinical-animations-detail.html" />
71 72 <Content Include="app\views\ci\clinical-illustrations-detail.html" />
... ... @@ -44095,6 +44096,8 @@
44095 44096 <Content Include="libs\jcanvas\jcanvas.handle.min.js" />
44096 44097 <Content Include="libs\jcanvas\jcanvas.min.js" />
44097 44098 <Content Include="libs\jinqJs.js" />
  44099 + <Content Include="libs\jquery-ui-slider-pips.css" />
  44100 + <Content Include="libs\jquery-ui.css" />
44098 44101 <Content Include="libs\jquery\jquery.sticky.js" />
44099 44102 <Content Include="libs\jquery\jquery_plugin\color-picker\jquery.minicolors.min.js" />
44100 44103 <Content Include="libs\jquery\2.1.3\jquery.min.js" />
... ... @@ -44163,7 +44166,6 @@
44163 44166 <Content Include="libs\jquery\jquery_plugin\jsPanel\vendor\jquery.ui.touch-punch.min.js" />
44164 44167 <Content Include="libs\jquery\jquery_plugin\jsPanel\vendor\mobile-detect.js" />
44165 44168 <Content Include="libs\jquery\jquery_plugin\jsPanel\vendor\mobile-detect.min.js" />
44166   - <Content Include="libs\jquery\jquery_plugin\slider-pips\jquery-ui-slider-pips.css" />
44167 44169 <Content Include="libs\jquery\jquery_plugin\SpeechBubble\browser.js" />
44168 44170 <Content Include="libs\jquery\jquery_plugin\SpeechBubble\bubble.js" />
44169 44171 <Content Include="libs\jquery\jquery_plugin\SpeechBubble\css\bubble.css" />
... ... @@ -44313,7 +44315,9 @@
44313 44315 <Content Include="libs\jquery\jquery_plugin\jquery.mCustomScrollbar.concat.min.js" />
44314 44316 <Content Include="libs\jquery\jquery_plugin\jquery.sticky.js" />
44315 44317 <Content Include="app\widget\TopMenu.html" />
  44318 + <Content Include="themes\default\css\jquery-ui-slider-pips.css" />
44316 44319 <Content Include="themes\jquery-ui-slider-pips.js" />
  44320 + <Content Include="themes\default\css\jquery-ui.css" />
44317 44321 <Content Include="Web.config">
44318 44322 <SubType>Designer</SubType>
44319 44323 </Content>
... ...
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
  View file @cdb4b6e
... ... @@ -145,7 +145,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, BodyRegions, Bod
145 145  
146 146 OpendTileData = ModuleService.GetOpenedTileData(moduleItemDataToBeSaved, $scope.moduleLandingData);
147 147  
148   - //var u = $location.url();
  148 +
149 149 $location.url('/atlas-anatomy-detail');
150 150  
151 151 }
... ...
400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html 0 → 100644
  View file @cdb4b6e
  1 +
  2 + <div class="container-fluid ">
  3 + <!--Header-->
  4 + <nav class="navbar navbar-inverse navbar-fixed-top">
  5 + <div class="container-fluid">
  6 + <!-- Brand and toggle get grouped for better mobile display -->
  7 + <div class="navbar-header">
  8 + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
  9 + <a class="frameLogo navbar-brand" href="welcome.html"><img src="img/logo-main.png" class="img-responsive" alt=""></a>
  10 + </div>
  11 +
  12 + </div>
  13 + </nav>
  14 + <!--Body-->
  15 + <div class="bodyWrap row">
  16 + <div class="col-sm-12 pageHeading">
  17 + <!--<button type="button" class="btn btn-success pull-left toggleBar btn-sm" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </button>-->
  18 + <!--<div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-exchange"></i> </div>-->
  19 + <h4 class="pull-left">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</h4>
  20 + <div class="pull-right btn-group paddTop4 hidden-xs"> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-clone"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a> </div>
  21 + <div class="clearfix"></div>
  22 + </div>
  23 + <div class="tools pull-left" style="top:44px;">
  24 + <div class="toggle-icon toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>
  25 + <div class="">
  26 + <div class="col-sm-6" title="Hide Pins"><button class="btn btn-black btn-sm"> <img src="img/hide-pin.png" alt="" title=""></button> </div>
  27 + <div class="col-sm-6" title="Show Selected Pins"><button class="btn btn-black btn-sm pull-right"><img src="img/draw-pin.png" alt="" title=""></button></div>
  28 + <div class="col-sm-6" title="Show All Pins in System(s)"><button class="btn btn-primary btn-sm marginTop5"><img src="img/all-pin.png" alt="" title=""></button></div>
  29 + <div class="col-sm-6" title="Select System">
  30 + <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu221" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="img/icon-highlight.png" alt="" title=""></button>
  31 + <ul class="dropdown-menu" aria-labelledby="dropdownMenu221">
  32 + <li><a href="#" title="Current Structure">All</a></li>
  33 + <li role="separator" class="divider"></li>
  34 + <li><a href="#" title="Cardiovascular">Cardiovascular</a></li>
  35 + <li><a href="#" title="Digestive">Digestive</a></li>
  36 + <li class="disabled"><a href="#" title="Endocrine">Endocrine</a></li>
  37 + <li class="disabled"><a href="#" title="Immune">Immune</a></li>
  38 + <li class="disabled"><a href="#" title="Integumentary">Integumentary</a></li>
  39 + <li class="disabled"><a href="#" title="Lymphatic">Lymphatic</a></li>
  40 + <li><a href="#" title="Muscular">Muscular</a></li>
  41 + <li class="disabled"><a href="#" title="Nervous">Nervous</a></li>
  42 + <li class="disabled"><a href="#" title="Reproductive">Reproductive</a></li>
  43 + <li class="disabled"><a href="#" title="Respiratory">Respiratory</a></li>
  44 + <li><a href="#" title="Skeletal">Skeletal</a></li>
  45 + <li class="disabled"><a href="#" title="Urinary">Urinary</a></li>
  46 + </ul>
  47 +
  48 + </div>
  49 + <div class="col-sm-12" data-toggle="tooltip" data-placement="top" title="Show/Hide Structure Name Boxes"><button class="btn btn-black btn-sm marginTop5 btn-block"> <img src="img/comment-box.png" alt="" title=""></button> </div>
  50 + </div>
  51 + <div class="pips-slider" style="margin-top:125px">
  52 + <h3>Zoom <i class="fa fa-search-plus"></i></h3>
  53 + <div class="slider" id="vertical-slider"></div>
  54 + </div>
  55 + </div>
  56 +
  57 + <div class="main2">
  58 + <div class="col-sm-12 stickey-area">
  59 + <div class="breadcrumb">
  60 + <div class="">
  61 + <div class="input-group col-sm-8 col-xs-7 col-md-10 pull-left">
  62 + <input class="form-control input-sm " type="text" placeholder="Anterior cutaneous branch of first intercostal nerve">
  63 + <!--<select class="form-control input-sm ">
  64 + <option>---Select---</option>
  65 + <option selected>Anterior cutaneous branch of first intercostal nerve</option>
  66 + <option>Anterior cutaneous branch of second intercostal nerve</option>
  67 + <option>Anterior cutaneous branch of third intercostal nerve</option>
  68 + <option>Anterior intercostal artery</option>
  69 + <option>Anterior intercostal vein</option>
  70 + </select>-->
  71 + <!--<div class="input-group-addon btn btn-primary btn-sm"></div>-->
  72 + </div>
  73 + &nbsp;
  74 + <!-- Single button -->
  75 + <div class="btn-group">
  76 + <button type="button" class="btn btn-success dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  77 + <i class="fa fa-arrow-circle-right"></i>
  78 + </button>
  79 + <ul class="dropdown-menu">
  80 + <li><a href="#">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</a></li>
  81 + <li role="separator" class="divider"></li>
  82 + <li><a href="#">All</a></li>
  83 + </ul>
  84 + </div>
  85 + <div class="btn-group">
  86 + <button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  87 + <i class="fa fa-male"></i>
  88 + </button>
  89 + <ul class="dropdown-menu" style="min-width:auto;">
  90 + <li><img src="img/position.jpg" class="img-responsive"></li>
  91 + </ul>
  92 + </div>
  93 +
  94 + </div>
  95 + </div>
  96 + </div>
  97 + <div class="col-sm-12">
  98 + <div class="container-fluid">
  99 + <div class="row">
  100 + <div class="col-sm-12 img-thumbnail" align="center"><img src="img/1000x600.jpg" alt="" title="" class="img-responsive"></div>
  101 + <!--<div class="col-sm-1 img-thumbnail pull-right" align="center"><img src="img/500x300.jpg" alt="" title="" class="img-responsive"></div>
  102 + <div class="clearfix"></div>-->
  103 + </div>
  104 + </div>
  105 + </div>
  106 + <div class="clearfix"></div>
  107 +
  108 +
  109 +
  110 + </div>
  111 + </div>
  112 + </div>
  113 +
  114 +
  115 +
  116 + <script>
  117 + $(window).load(function () {
  118 + $(".stickey-area").sticky();
  119 + });
  120 + </script>
  121 + <script>
  122 + $(function () {
  123 + $("#slider-range-min-2").slider({
  124 + range: "min",
  125 + min: 1,
  126 + max: 60,
  127 + value: 10,
  128 + slide: function (event, ui) {
  129 + $("#amount-2").val(ui.value);
  130 + }
  131 + });
  132 + $("#amount-2").val($("#slider-vertical-2").slider("value"));
  133 +
  134 + });
  135 + </script>
  136 +
  137 + <script>
  138 + $(document).ready(function () {
  139 + $('[data-toggle="tooltip"]').tooltip();
  140 + });
  141 + </script>
  142 + <script src="js/jquery-ui-slider-pips.js"></script>
  143 + <script>
  144 + $(".slider")
  145 +
  146 + .slider({
  147 + min: 25,
  148 + max: 100,
  149 + value: 100,
  150 + range: "min",
  151 + orientation: "vertical"
  152 + })
  153 +
  154 + .slider("pips", {
  155 + rest: "label",
  156 + step: "15"
  157 + });
  158 + </script>
  159 +
  160 + <script>
  161 + $(function () {
  162 + $("#draggable").draggable();
  163 + });
  164 + </script>
  165 +
  166 +
... ...
400-SOURCECODE/AIAHTML5.Web/app/views/atlas-anatomy-detail.html
  View file @cdb4b6e
1 1 
2   -<div id="imaginary_container">
3   - <div class="input-group stylish-input-group paddTop5 hidden-sm">
4   - <input type="text" class="form-control width120" placeholder="Search">
5   - <span class="input-group-addon">
6   - <button type="submit">
7   - <span class="fa fa-search color-green"></span>
8   - </button>
9   - </span>
10   - </div>
  2 + <div class="container-fluid ">
  3 + <!--Header-->
  4 + <nav class="navbar navbar-inverse navbar-fixed-top">
  5 + <div class="container-fluid">
  6 + <!-- Brand and toggle get grouped for better mobile display -->
  7 + <div class="navbar-header">
  8 + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
  9 + <a class="frameLogo navbar-brand" href="welcome.html"><img src="img/logo-main.png" class="img-responsive" alt=""></a>
  10 + </div>
  11 +
  12 + </div>
  13 + </nav>
  14 + <!--Body-->
  15 + <div class="bodyWrap row">
  16 + <div class="col-sm-12 pageHeading">
  17 + <!--<button type="button" class="btn btn-success pull-left toggleBar btn-sm" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </button>-->
  18 + <!--<div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-exchange"></i> </div>-->
  19 + <h4 class="pull-left">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</h4>
  20 + <div class="pull-right btn-group paddTop4 hidden-xs"> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-clone"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a> </div>
  21 + <div class="clearfix"></div>
  22 + </div>
  23 + <div class="tools pull-left" style="top:44px;">
  24 + <div class="toggle-icon toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>
  25 + <div class="">
  26 + <div class="col-sm-6" title="Hide Pins"><button class="btn btn-black btn-sm"> <img src="img/hide-pin.png" alt="" title=""></button> </div>
  27 + <div class="col-sm-6" title="Show Selected Pins"><button class="btn btn-black btn-sm pull-right"><img src="img/draw-pin.png" alt="" title=""></button></div>
  28 + <div class="col-sm-6" title="Show All Pins in System(s)"><button class="btn btn-primary btn-sm marginTop5"><img src="img/all-pin.png" alt="" title=""></button></div>
  29 + <div class="col-sm-6" title="Select System">
  30 + <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu221" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="img/icon-highlight.png" alt="" title=""></button>
  31 + <ul class="dropdown-menu" aria-labelledby="dropdownMenu221">
  32 + <li><a href="#" title="Current Structure">All</a></li>
  33 + <li role="separator" class="divider"></li>
  34 + <li><a href="#" title="Cardiovascular">Cardiovascular</a></li>
  35 + <li><a href="#" title="Digestive">Digestive</a></li>
  36 + <li class="disabled"><a href="#" title="Endocrine">Endocrine</a></li>
  37 + <li class="disabled"><a href="#" title="Immune">Immune</a></li>
  38 + <li class="disabled"><a href="#" title="Integumentary">Integumentary</a></li>
  39 + <li class="disabled"><a href="#" title="Lymphatic">Lymphatic</a></li>
  40 + <li><a href="#" title="Muscular">Muscular</a></li>
  41 + <li class="disabled"><a href="#" title="Nervous">Nervous</a></li>
  42 + <li class="disabled"><a href="#" title="Reproductive">Reproductive</a></li>
  43 + <li class="disabled"><a href="#" title="Respiratory">Respiratory</a></li>
  44 + <li><a href="#" title="Skeletal">Skeletal</a></li>
  45 + <li class="disabled"><a href="#" title="Urinary">Urinary</a></li>
  46 + </ul>
11 47  
12   - <div class="visible-sm visible-md pull-right marginTop5">
13   - <div class="dropdown">
14   - <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
15   - <i class="fa fa-search color-white"></i>
16   - </button>
17   - <!--<div class="hidden-xs marginR5 dropdown-toggle marginTop5" id="dropdownMenu1" data-toggle="dropdown" data-placement="top" title="Logout"><a href="index.html"><i class="fa fa-search color-white"></i></a></div>-->
18   - <ul class="dropdown-menu right0" aria-labelledby="dropdownMenu1">
19   - <li>
20   - <!--<div class="input-group"><input type="text" aria-label="Amount (to the nearest dollar)" class="form-control"> <span class="input-group-addon"><i class="fa fa-search color-green"></i></span> </div>-->
21   - <div class="input-group stylish-input-group ">
22   - <input type="text" class="form-control" placeholder="Search" style="width:100%;">
23   - <span class="input-group-addon">
24   - <button type="submit">
25   - <span class="fa fa-search color-green"></span>
26   - </button>
27   - </span>
28 48 </div>
29   - </li>
30   - </ul>
31   - </div>
32   - </div>
33   -</div>
34   -
35   -<!--Body-->
36   -<div class="bodyWrap row">
37   - <div class="col-sm-12 pageHeading">
38   - <!--<button type="button" class="btn btn-success pull-left toggleBar btn-sm" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </button>-->
39   - <!--<div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-exchange"></i> </div>-->
40   - <h4 class="pull-left">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</h4>
41   - <div class="pull-right btn-group paddTop4 hidden-xs"> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-clone"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a> </div>
42   - <div class="clearfix"></div>
43   - </div>
44   - <div class="tools pull-left" style="top:44px;">
45   - <div class="toggle-icon toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>
46   - <div class="">
47   - <div class="col-sm-6" title="Hide Pins"><button class="btn btn-black btn-sm"> <img src="../content/images/aa/LeftMenu/hide-pin.png" alt="" title=""></button> </div>
48   - <div class="col-sm-6" title="Show Selected Pins"><button class="btn btn-black btn-sm pull-right"><img src="img/draw-pin.png" alt="" title=""></button></div>
49   - <div class="col-sm-6" title="Show All Pins in System(s)"><button class="btn btn-primary btn-sm marginTop5"><img src="../content/images/aa/LeftMenu/all-pin.png" alt="" title=""></button></div>
50   - <div class="col-sm-6" title="Select System">
51   - <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu221" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="img/icon-highlight.png" alt="" title=""></button>
52   - <ul class="dropdown-menu" aria-labelledby="dropdownMenu221">
53   - <li><a href="#" title="Current Structure">All</a></li>
54   - <li role="separator" class="divider"></li>
55   - <li><a href="#" title="Cardiovascular">Cardiovascular</a></li>
56   - <li><a href="#" title="Digestive">Digestive</a></li>
57   - <li class="disabled"><a href="#" title="Endocrine">Endocrine</a></li>
58   - <li class="disabled"><a href="#" title="Immune">Immune</a></li>
59   - <li class="disabled"><a href="#" title="Integumentary">Integumentary</a></li>
60   - <li class="disabled"><a href="#" title="Lymphatic">Lymphatic</a></li>
61   - <li><a href="#" title="Muscular">Muscular</a></li>
62   - <li class="disabled"><a href="#" title="Nervous">Nervous</a></li>
63   - <li class="disabled"><a href="#" title="Reproductive">Reproductive</a></li>
64   - <li class="disabled"><a href="#" title="Respiratory">Respiratory</a></li>
65   - <li><a href="#" title="Skeletal">Skeletal</a></li>
66   - <li class="disabled"><a href="#" title="Urinary">Urinary</a></li>
67   - </ul>
68   -
  49 + <div class="col-sm-12" data-toggle="tooltip" data-placement="top" title="Show/Hide Structure Name Boxes"><button class="btn btn-black btn-sm marginTop5 btn-block"> <img src="img/comment-box.png" alt="" title=""></button> </div>
  50 + </div>
  51 + <div class="pips-slider" style="margin-top:125px">
  52 + <h3>Zoom <i class="fa fa-search-plus"></i></h3>
  53 + <div class="slider" id="vertical-slider"></div>
  54 + </div>
69 55 </div>
70   - <div class="col-sm-12" data-toggle="tooltip" data-placement="top" title="Show/Hide Structure Name Boxes"><button class="btn btn-black btn-sm marginTop5 btn-block"> <img src="img/comment-box.png" alt="" title=""></button> </div>
71   - </div>
72   - <div class="pips-slider" style="margin-top:125px">
73   - <h3>Zoom <i class="fa fa-search-plus"></i></h3>
74   - <div class="slider" id="vertical-slider"></div>
75   - </div>
76   - </div>
77   -</div>
78   -
79 56  
  57 + <div class="main2">
  58 + <div class="col-sm-12 stickey-area">
  59 + <div class="breadcrumb">
  60 + <div class="">
  61 + <div class="input-group col-sm-8 col-xs-7 col-md-10 pull-left">
  62 + <input class="form-control input-sm " type="text" placeholder="Anterior cutaneous branch of first intercostal nerve">
  63 + <!--<select class="form-control input-sm ">
  64 + <option>---Select---</option>
  65 + <option selected>Anterior cutaneous branch of first intercostal nerve</option>
  66 + <option>Anterior cutaneous branch of second intercostal nerve</option>
  67 + <option>Anterior cutaneous branch of third intercostal nerve</option>
  68 + <option>Anterior intercostal artery</option>
  69 + <option>Anterior intercostal vein</option>
  70 + </select>-->
  71 + <!--<div class="input-group-addon btn btn-primary btn-sm"></div>-->
  72 + </div>
  73 + &nbsp;
  74 + <!-- Single button -->
  75 + <div class="btn-group">
  76 + <button type="button" class="btn btn-success dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  77 + <i class="fa fa-arrow-circle-right"></i>
  78 + </button>
  79 + <ul class="dropdown-menu">
  80 + <li><a href="#">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</a></li>
  81 + <li role="separator" class="divider"></li>
  82 + <li><a href="#">All</a></li>
  83 + </ul>
  84 + </div>
  85 + <div class="btn-group">
  86 + <button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  87 + <i class="fa fa-male"></i>
  88 + </button>
  89 + <ul class="dropdown-menu" style="min-width:auto;">
  90 + <li><img src="img/position.jpg" class="img-responsive"></li>
  91 + </ul>
  92 + </div>
80 93  
81   -<div class="col-sm-12 stickey-area">
82   - <div class="breadcrumb">
83   - <div class="">
84   - <div class="input-group col-sm-8 col-xs-7 col-md-10 pull-left">
85   - <input class="form-control input-sm " type="text" placeholder="Anterior cutaneous branch of first intercostal nerve">
86   - <!--<select class="form-control input-sm ">
87   - <option>---Select---</option>
88   - <option selected>Anterior cutaneous branch of first intercostal nerve</option>
89   - <option>Anterior cutaneous branch of second intercostal nerve</option>
90   - <option>Anterior cutaneous branch of third intercostal nerve</option>
91   - <option>Anterior intercostal artery</option>
92   - <option>Anterior intercostal vein</option>
93   - </select>-->
94   - <!--<div class="input-group-addon btn btn-primary btn-sm"></div>-->
95   - </div>
96   - &nbsp;
97   - <!-- Single button -->
98   - <div class="btn-group">
99   - <button type="button" class="btn btn-success dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
100   - <i class="fa fa-arrow-circle-right"></i>
101   - </button>
102   - <!--<ul class="dropdown-menu">
103   - <li><a href="#">1<sup>st</sup> &amp; 2<sup>nd</sup> Intercostal Spaces</a></li>
104   - <li role="separator" class="divider"></li>
105   - <li><a href="#">All</a></li>
106   - </ul>-->
107   - </div>
108   - <div class="btn-group">
109   - <button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
110   - <i class="fa fa-male"></i>
111   - </button>
112   - <ul class="dropdown-menu" style="min-width:auto;">
113   - <li><img src="img/position.jpg" class="img-responsive"></li>
114   - </ul>
115   - </div>
  94 + </div>
  95 + </div>
  96 + </div>
  97 + <div class="col-sm-12">
  98 + <div class="container-fluid">
  99 + <div class="row">
  100 + <div class="col-sm-12 img-thumbnail" align="center"><img src="img/1000x600.jpg" alt="" title="" class="img-responsive"></div>
  101 + <!--<div class="col-sm-1 img-thumbnail pull-right" align="center"><img src="img/500x300.jpg" alt="" title="" class="img-responsive"></div>
  102 + <div class="clearfix"></div>-->
  103 + </div>
  104 + </div>
  105 + </div>
  106 + <div class="clearfix"></div>
116 107  
  108 +
  109 +
  110 + </div>
117 111 </div>
118 112 </div>
119   -</div>
120   -<div class="col-sm-12">
121   - <div class="container-fluid">
122   - <div class="row">
123   - <div class="col-sm-12 img-thumbnail" align="center"><img src="img/1000x600.jpg" alt="" title="" class="img-responsive"></div>
124   - <!--<div class="col-sm-1 img-thumbnail pull-right" align="center"><img src="img/500x300.jpg" alt="" title="" class="img-responsive"></div>
125   - <div class="clearfix"></div>-->
126   - </div>
127   - </div>
128   -</div>
129   -<div class="clearfix"></div>
130   -
131 113  
132   -<!--<script src="../libs/jquery/1.11.3/jquery.min.js"></script>-->
133   -<!--<script src="../../themes/default/scripts/bootstrap/3.3.5/bootstrap.js"></script>
134   -<script src="../../themes/default/scripts/custom/custom.js"></script>
135   -<script src="../../libs/jquery/jquery.sticky.js"></script>
136   -<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>-->
137 114  
138   -<script>
139   - $(window).load(function () {
140   - $(".stickey-area").sticky();
141   - });
142   -</script>
143   -<script>
144   - $(function () {
145   - $("#slider-range-min-2").slider({
146   - range: "min",
147   - min: 1,
148   - max: 60,
149   - value: 10,
150   - slide: function (event, ui) {
151   - $("#amount-2").val(ui.value);
152   - }
  115 +
  116 + <script>
  117 + $(window).load(function () {
  118 + $(".stickey-area").sticky();
153 119 });
154   - $("#amount-2").val($("#slider-vertical-2").slider("value"));
  120 + </script>
  121 + <script>
  122 + $(function () {
  123 + $("#slider-range-min-2").slider({
  124 + range: "min",
  125 + min: 1,
  126 + max: 60,
  127 + value: 10,
  128 + slide: function (event, ui) {
  129 + $("#amount-2").val(ui.value);
  130 + }
  131 + });
  132 + $("#amount-2").val($("#slider-vertical-2").slider("value"));
155 133  
156   - });
157   -</script>
  134 + });
  135 + </script>
158 136  
159   -<script>
160   - $(document).ready(function () {
161   - $('[data-toggle="tooltip"]').tooltip();
162   - });
163   -</script>
  137 + <script>
  138 + $(document).ready(function () {
  139 + $('[data-toggle="tooltip"]').tooltip();
  140 + });
  141 + </script>
  142 + <script src="js/jquery-ui-slider-pips.js"></script>
  143 + <script>
  144 + $(".slider")
164 145  
165   -<script src="../../libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
166   -<script>
167   - $(".slider")
  146 + .slider({
  147 + min: 25,
  148 + max: 100,
  149 + value: 100,
  150 + range: "min",
  151 + orientation: "vertical"
  152 + })
168 153  
169   - .slider({
170   - min: 25,
171   - max: 100,
172   - value: 100,
173   - range: "min",
174   - orientation: "vertical"
175   - })
  154 + .slider("pips", {
  155 + rest: "label",
  156 + step: "15"
  157 + });
  158 + </script>
176 159  
177   - .slider("pips", {
178   - rest: "label",
179   - step: "15"
180   - });
181   -</script>
  160 + <script>
  161 + $(function () {
  162 + $("#draggable").draggable();
  163 + });
  164 + </script>
182 165  
183   -<script>
184   - $(function () {
185   - $("#draggable").draggable();
186   - });
187   -</script>
188 166  
... ...
400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html.orig deleted
View file @80f22b1
1   -<!--<style>
2   - .slider label {
3   - position: absolute;
4   - width: 20px;
5   - margin-left: -10px;
6   - text-align: center;
7   - margin-top: 20px;
8   - }
9   -
10   - /* below is not necessary, just for style */
11   - .slider {
12   - width: 50%;
13   - margin: 2em auto;
14   - }
15   -</style>-->
16   -<style>
17   - /*Dated:22-07-2016 Issue#4958:In Open body view, the side buttons are getting disturbed on layer change. */
18   - .btn-resize {
19   - padding: 6px 11px;
20   - border: 0px solid #000;
21   - border-radius: 1px;
22   - }
23   -</style>
24   -<style>
25   - /*Dated:22-07-2016 Issue#4958:In Open body view, the side buttons are getting disturbed on layer change. */
26   - .btn-resize {
27   - padding: 6px 11px;
28   - border: 0px solid #000;
29   - border-radius: 1px;
30   - }
31   -</style>
32   -
33   -<style>
34   - #draggable { opacity: 0.2;border:solid;position:absolute;}
35   - #wrapper {
36   - position: relative;
37   - width: 100%;
38   - height: 100%;
39   - margin: 20px auto;
40   - }
41   -
42   - .tooltip-custom + .tooltip > .tooltip-inner {
43   - background-color: #fff;
44   - border: 1px solid #000;
45   - color: #000;
46   - border-radius: 0;
47   - }
48   -
49   - .tooltip-custom + .tooltip > .tooltip-arrow {
50   - display: none;
51   - }
52   -
53   - .custom-tooltip {
54   - background-color: #fff;
55   - border: 0 none;
56   - color: #000;
57   - left: -52px;
58   - opacity: 0.9;
59   - padding: 3px 0;
60   - position: absolute;
61   - text-align: center;
62   - top: 45px;
63   - width: 120px;
64   - display: none;
65   - z-index: 10000;
66   - border: 1px solid #000;
67   - color: #000;
68   - border-radius: 0;
69   - }
70   -
71   - .custom-tooltip1 {
72   - background-color: #fff;
73   - border: 0 none;
74   - color: #000;
75   - left: 52px;
76   - opacity: 0.9;
77   - padding: 3px 0;
78   - position: absolute;
79   - text-align: center;
80   - top: 45px;
81   - width: 70px;
82   - display: none;
83   - z-index: 10000;
84   - border: 1px solid #000;
85   - color: #000;
86   - border-radius: 0;
87   - }
88   -
89   - .custom-tooltip2 {
90   - background-color: #fff;
91   - border: 0 none;
92   - color: #000;
93   - right: 10px;
94   - opacity: 0.9;
95   - padding: 3px 0;
96   - position: absolute;
97   - text-align: center;
98   - top: 45px;
99   - width: 60px;
100   - display: none;
101   - z-index: 10000;
102   - border: 1px solid #000;
103   - color: #000;
104   - border-radius: 0;
105   - }
106   -</style>
107   - <!--Annotation Toolbar: Jcanvas-->
108   -<style>
109   - .canvas-annotationStyle {
110   - display: none;
111   - background-color: transparent;
112   - z-index: 12000;
113   - position: absolute;
114   - left: 0;
115   - right: 0;
116   - }
117   -</style>
118   -<div class=" " id="daView" ng-controller="DAController">
119   - <div class="pos-relative leftToolBar tools pull-left">
120   - <div class="toggle-icon toggleBar toggleHeadingButton" title="Show/Hide Sidebar" style="top:20px;"></div>
121   - <div class="" style="top:20px">
122   - <div class="col-sm-6">
123   - <button id="btnIdentity" class="btn btn-primary btn-sm tooltip-custom" ng-click="OnIdentityClick()" data-toggle="tooltip" data-placement="bottom" title="Identify"> <img src="content/images/icon-identity.png" alt="" title=""></button>
124   - </div>
125   - <div class="col-sm-6 pull-right">
126   - <button class="btn btn-black btn-sm pull-right tooltip-custom" ng-click="enableZoom()" data-toggle="tooltip" data-placement="bottom" title="Zoom-in/Zoom-out">
127   - <img src="content/images/icon-zoom.png" alt="" title="">
128   - </button>
129   - </div>
130   - <div class="col-sm-12">
131   - <button id="btnTranparency" class="btn btn-black btn-sm btn-block marginTop5 tooltip-custom" ng-click="createTransparencyBox()" data-toggle="tooltip" data-placement="bottom" title="Transparency Box"><img src="content/images/icon-transparency.png" alt="" title=""></button>
132   - </div>
133   - <div class="col-sm-6">
134   - <button ng-class="Normal" class="btn btn-black btn-sm marginTop5 tooltip-custom" ng-click="enableNormalMode()" data-toggle=" tooltip" data-placement="bottom" title="Normal"> <img src="content/images/bulb1.png" alt="" title=""></button>
135   - </div>
136   - <div class="col-sm-6">
137   - <button ng-class="Extract" class="btn btn-black btn-sm pull-right marginTop5 tooltip-custom" ng-click="enableExtract()" data-toggle="tooltip" data-placement="bottom" title="Extract"><img src="content/images/bulb1.png" alt="" title=""></button>
138   - </div>
139   - <div class="col-sm-6">
140   - <button ng-class="Highlight" id="btnHighLight" class="btn btn-black btn-sm marginTop5 tooltip-custom btn-resize" ng-click="enableHighlight()" data-toggle="tooltip" data-placement="bottom" title="Highlight"> <img src="content/images/bulb.png" alt="" title=""></button>
141   - </div>
142   - <div class="col-sm-6 dropdown hover-tool">
143   - <div class="custom-tooltip">Highlight Options</div>
144   - <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" ng-click="LoadBodySystemData()" ><img src="content/images/icon-highlight.png" alt="" title=""></button>
145   - <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
146   - <li ng-class="CurrentStructure"><a href="#" title="Current Structure">Current Structure</a></li>
147   - <li role="separator" class="divider"></li>
148   - <li ng-class="Cardiovascular"><a href="#" title="Cardiovascular" id="1" ng-click="HighlightBodysystem($event)">Cardiovascular</a></li>
149   - <li ng-class="Digestive"><a href="#" title="Digestive" id="2" ng-click="HighlightBodysystem($event)">Digestive</a></li>
150   - <li ng-class="Endocrine"><a href="#" title="Endocrine" id="3" ng-click="HighlightBodysystem($event)">Endocrine</a></li>
151   - <li ng-class="Immune"><a href="#" title="Immune" id="4" ng-click="HighlightBodysystem($event)">Immune</a></li>
152   - <li ng-class="Integumentary"><a href="#" title="Integumentary" id="5" ng-click="HighlightBodysystem($event)">Integumentary</a></li>
153   - <li ng-class="Lymphatic"><a href="#" title="Lymphatic" id="6" ng-click="HighlightBodysystem($event)">Lymphatic</a></li>
154   - <li ng-class="Muscular"><a href="#" title="Muscular" id="7" ng-click="HighlightBodysystem($event)">Muscular</a></li>
155   - <li ng-class="Nervous"><a href="#" title="Nervous" id="8" ng-click="HighlightBodysystem($event)">Nervous</a></li>
156   - <li ng-class="Reproductive"><a href="#" title="Reproductive" id="9" ng-click="HighlightBodysystem($event)">Reproductive</a></li>
157   - <li ng-class="Respiratory"><a href="#" title="Respiratory" id="10" ng-click="HighlightBodysystem($event)">Respiratory</a></li>
158   - <li ng-class="Skeletal"><a href="#" title="Skeletal" id="11" ng-click="HighlightBodysystem($event)">Skeletal</a></li>
159   - <li ng-class="Urinary"><a href="#" title="Urinary" id="12" ng-click="HighlightBodysystem($event)">Urinary</a></li>
160   - </ul>
161   - </div>
162   - <div class="col-sm-6 hover-gender-tool" ng-init="switchGender()">
163   - <div class=" custom-tooltip1">Gender</div>
164   - <button class="btn btn-black btn-sm marginTop5 dropdown-toggle" type="button" id="dropdownMenu4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class=" fa fa-intersex font16"></i></button>
165   - <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">
166   - <li ng-class="male"><a href="#" title="Male" ng-click="OnGenderChange($event)">Male</a></li>
167   - <li ng-class="female"><a href="#" title="Female" ng-click="OnGenderChange($event)">Female</a></li>
168   - </ul>
169   - </div>
170   - <div class="col-sm-6 tooltip-View-custom">
171   - <div class="custom-tooltip2">View</div>
172   - <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="content/images/view.png" alt="" title=""></button>
173   - <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">
174   - <li ng-class="AnteriorView"><a href="#" title="Anterior" ng-click="OnViewChange($event)">Anterior</a></li>
175   - <li ng-class="LateralView"><a href="#" title="Lateral" ng-click="OnViewChange($event)">Lateral</a></li>
176   - <li ng-class="MedialView"><a href="#" title="Medial" ng-click="OnViewChange($event)">Medial</a></li>
177   - <li ng-class="PosteriorView"><a href="#" title="Posterior" ng-click="OnViewChange($event)">Posterior</a></li>
178   - <li ng-class="LateralArmView"><a href="#" title="Lateral Arm" ng-click="OnViewChange($event)">Lateral Arm</a></li>
179   - <li ng-class="MedialArmView"><a href="#" title="Medial Arm" ng-click="OnViewChange($event)">Medial Arm</a></li>
180   - </ul>
181   - </div>
182   - <div class="col-sm-12">
183   - <button id="btnStrutureBox" ng-click="enableShowHideStructureBox()" class="btn btn-primary btn-sm marginTop5 btn-block tooltip-custom" data-toggle="tooltip" data-placement="bottom" title="Show/Hide Structure Name Boxes"> <img src="content/images/comment-box.png" alt="" title=""></button>
184   - </div>
185   - </div>
186   - <div class="">
187   - <p>
188   - <input type="number" id="txtlayerNumber" value="0" step="1" min="0" style="width:80px; margin:10px 0 0 15px;" ng-model="layerNumber" ng-change="LayerChange()" />
189   - </p>
190   - <div id="layerChangeSlider" style="height:140px;" class="vert_slider " ng-model="layerNumber"></div>
191   - </div>
192   - </div>
193   -
194   - <div class="main2">
195   - <div class="col-sm-12 stickey-area">
196   - <div class="breadcrumb ">
197   - <div class="">
198   - <div class="input-group col-sm-8 col-xs-7 col-md-10 pull-left">
199   -
200   - <input type="text" class="form-control input-sm pull-left" id="typedtermname" ng-blur="HideSearch()" ng-click="ShowSearch()" ng-dblclick="ShowSearch()" ng-model="searchFilter" ng-change="textChange(searchFilter)" placeholder="Search...">
201   -
202   - <div id="backdrop" ng-show="IsSearchVisible">
203   - <div class="col-sm-12 col-xs-12 col-md-12 col-lg-12 pull-left">
204   - <ul id="termlistfilter" class="form-control dropdown-menu" style="height:100px;width:100%;overflow-y:scroll;position:absolute;display:none;z-index:1000;">
205   - <li ng-repeat="item in VocabTermTxt| filter:{ _TermText: searchFilter}">
206   - <a id="{{item._ActualTermNumber}}" href="" ng-click="jumpToTerm($event)">{{item._TermText}}</a>
207   - </li>
208   - </ul>
209   - </div>
210   - </div>
211   - <!--</div>-->
212   -
213   - </div>
214   - <div class="btn-group">
215   - <button type="button" style="padding-left:15px;padding-right:15px;" class="btn btn-success dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
216   - <i class="fa fa-arrow-circle-right"></i>
217   - </button>
218   - <ul class="dropdown-menu" style="width:100%;">
219   - <li><a href="#">{{currentTitleFromJson}}</a></li>
220   - <li role="separator" class="divider"></li>
221   - <li><a href="#">All</a></li>
222   - </ul>
223   - </div>
224   - <div class="btn-group open" id="da-body-nav">
225   - <button type="button" style="padding-left:15px;padding-right:15px;" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
226   - <i class="fa fa-male"></i>
227   - </button>
228   -
229   - <div class="dropdown-menu active" id="navigatorDiv" style="min-height:auto; min-width:auto; ">
230   - <div id="containment-wrapper" align="center" style="min-width:auto;height:119px; ">
231   - <img id="navimg" src="{{navimgsrc}}" alt=""></img>
232   - <div id="draggable" class="draggable ui-widget-content" ng-mouseup="ScrollCanvasDiv()" ng-style="dragdivposition">
233   - </div>
234   - </div>
235   - </div>
236   - </div>
237   - </div>
238   - </div>
239   - </div>
240   - <div class=" canavsParent col-sm-12 " id="cp">
241   - <div class="container-fluid">
242   - <div class="row">
243   - <div id="canvasDiv" class="col-sm-12 img-thumbnail" align="center">
244   -<<<<<<< HEAD
245   - <canvas id="canvas" ng-click="doClick($event)" width="2277" height="3248" style="display:none;background-color:transparent;z-index:12000;position:absolute;left:0;right:0;"></canvas>
246   -=======
247   - <canvas id="canvas" ng-click="doClick($event)" width="2277" height="3248" class="canvas-annotationStyle"></canvas>
248   ->>>>>>> 98e905fcd7730a4ac9a42c79fa962809bae7bc88
249   - </div>
250   - <!--<div id="canvasDiv" style=" width: 95% !important;top:0px;overflow:scroll;background-color:white;">-->
251   - <!--<div id="daLoaderLabel">Loading....</div>-->
252   -
253   - </div>
254   - <div class="clearfix"></div>
255   - </div>
256   - </div>
257   - </div>
258   - <div class="clearfix"></div>
259   - <!--to prevent transparency scale from closing on click anywhere outside set data-backdrop="static" data-keyboard="false" -->
260   - <!--<div class="modal fade bs-example-modal-sm" tabindex="-1" aria-labelledby="mySmallModalLabel" id="transparencyScale" data-backdrop="static" data-keyboard="false">
261   - <div class="modal-dialog modal-sm">
262   - <div class="modal-content">
263   - <div class="modal-header annotation-modal-header">
264   - <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="CloseTransparencyBox()"><span aria-hidden="true">&times;</span></button>
265   - <h4 class="modal-title">Transparency</h4>
266   - </div>
267   - <div class="modal-body">
268   - <div class="row">
269   - <div class="col-sm-12">
270   - <div class="padded25">
271   - <div class="slider"></div>
272   - </div>
273   - </div>
274   - </div>
275   - </div>
276   - </div>
277   - </div>
278   - </div>-->
279   - <!--<div class="ui-widget-content" id="transparencyScale" style="width: 350px; height: 130px;visibility:hidden;display:block;float:left">
280   - <div class="modal-dialog modal-sm">
281   - <div class="modal-content">
282   - <div class="modal-header annotation-modal-header">
283   - <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="CloseTransparencyBox()"><span aria-hidden="true">&times;</span></button>
284   - <h4>Transparency</h4>
285   - </div>
286   - <div>
287   - <div class="row">
288   - <div class="col-sm-12">
289   - <div class="padded25">
290   - <div class="slider"></div>
291   - </div>
292   - </div>
293   - </div>
294   - </div>
295   - </div>
296   - </div>
297   - </div>-->
298   - <div class="ui-widget-content" id="transparencyScale" style="width: 350px; height: 150px;visibility:hidden;display:block;float:left">
299   - <div>
300   - <div>
301   - <div class="modal-header annotation-modal-header">
302   - <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="CloseTransparencyBox()"><span aria-hidden="true">&times;</span></button>
303   - <h4>Transparency</h4>
304   - </div>
305   - <div>
306   - <div class="row">
307   - <div class="col-sm-12">
308   - <div class="padded25">
309   - <!--<div class="slider" id="sliderScale"></div>-->
310   - <div class="slider"></div>
311   - </div>
312   - </div>
313   - </div>
314   - </div>
315   - </div>
316   - </div>
317   - </div>
318   -</div>
319   -
320   -
321   -<!--<script src="../../../libs/jquery/1.11.4/jquery-ui.js"></script>-->
322   -<script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
323   -
324   -<script>
325   - $(window).load(function () {
326   - $(".stickey-area").sticky();
327   - });</script>
328   -<script>
329   - $(function () {
330   - $("#layerChangeSlider").slider({
331   - orientation: "vertical",
332   - range: "max", // <--- needed...
333   - min: 0,
334   - // max: 100,
335   - //value: 0,
336   - slide: function (event, ui) {
337   - // $("#txtlayerNumber").val(100 - ui.value); // basic math operation..
338   -
339   - // $("#txtlayerNumber").val($("#layerChangeSlider").slider("value"));
340   - },
341   - stop: function (event, ui) {
342   - var la;
343   - var rootScope = angular.element(document.getElementById("bo")).scope();
344   - rootScope.$apply(function () {
345   - rootScope.isLoading = true;
346   - })
347   - var scope = angular.element(document.getElementById("daView")).scope();
348   - scope.$apply(function () {
349   - if (scope.isTransparencyActivated) {
350   - rootScope.isLoading = false;
351   - }
352   - la = parseInt(scope.totalLayers) //- parseInt(scope.layerNumber);
353   - // $('#layerChangeSlider').slider("option", "value", la - ui.value);
354   - var slideVal = la - ui.value;
355   - $("#txtlayerNumber").val(slideVal);
356   - scope.layerNumber = slideVal;
357   - scope.LayerChange();
358   - });
359   - },
360   -
361   - })
362   - });
363   -
364   -</script>
365   -<!--<script>
366   - $(function () {
367   - $('#layerChangeSlider').slider().on('slideStop', function () {
368   - alert('fjkjksdbgjkgjkfgk')
369   - })
370   -</script>
371   - });-->
372   -
373   -<script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
374   -<script>
375   - $(function () {
376   - $("#transparencyScale").draggable();
377   - $("#draggable").draggable({ containment: "#containment-wrapper", scroll: false });
378   - });
379   -</script>
380   -<script>
381   - $(function () {
382   -
383   - $("#dropdownMenu2").mouseover(function () {
384   - $(".custom-tooltip").css("display", "block");
385   - });
386   - $("#dropdownMenu2").mouseout(function () {
387   - $(".custom-tooltip").css("display", "none");
388   - });
389   -
390   - $("#dropdownMenu4").mouseover(function () {
391   - $(".custom-tooltip1").css("display", "block");
392   - });
393   - $("#dropdownMenu4").mouseout(function () {
394   - $(".custom-tooltip1").css("display", "none");
395   - });
396   -
397   - $("#dropdownMenu3").mouseover(function () {
398   - $(".custom-tooltip2").css("display", "block");
399   - });
400   - $("#dropdownMenu3").mouseout(function () {
401   - $(".custom-tooltip2").css("display", "none");
402   - });
403   -
404   -
405   -
406   - $("#slider-range-min-2").slider({
407   - range: "min",
408   - min: 1,
409   - max: 60,
410   - value: 10,
411   - slide: function (event, ui) {
412   - $("#amount-2").val(ui.value);
413   - }
414   - });
415   - $("#amount-2").val($("#slider-vertical-2").slider("value"));
416   - });
417   -</script>
418   -<script>
419   - $(".slider")
420   - .slider({
421   - min: 0,
422   - max: 100,
423   - value: 50,
424   - range: "min",
425   - orientation: "horizontal",
426   - stop: function (event, ui) {
427   - //alert('trans changed')
428   - var scope = angular.element(document.getElementById("daView")).scope();
429   - scope.$apply(function () {
430   - scope.onTransparencyChange(event, ui);
431   - });
432   - }
433   - })
434   - .slider("pips", {
435   - rest: "label",
436   - step: "10"
437   - });
438   -
439   -</script>
440   -<script>
441   - $(document).ready(function () {
442   - $('[data-toggle="tooltip"]').tooltip({ trigger: 'hover', 'placement': 'bottom' });
443   - });
444   -</script>
445   -<script>
446   - $(function () {
447   - $(".modal").draggable();
448   - });
449   -</script>
450   -<script>
451   - $(function () {
452   - "use strict";
453   - /*** Sidebar Toggle ***/
454   - var barPos = 0;
455   - var bar = $('.tools');
456   - var main = $('.main2');
457   - $('.toggleBar').click(function () {
458   -
459   - bar.toggleClass('active');
460   - main.toggleClass('active');
461   - });
462   - });
463   -</script>
464   -
465   -
400-SOURCECODE/AIAHTML5.Web/content/js/custom/custom.js
  View file @cdb4b6e
1   -$(function(){
2   - "use strict";
3   - /*** Sidebar Toggle ***/
4   - var barPos=0;
5   - var bar = $('.sidebar');
6   - var main = $('.main');
7   - $('.toggleBar').click(function () {
8   - alert('kkkkkkkkkkkkkk')
9   - /*barPos = parseInt($('.sidebar').css('left'));
10   - if(barPos!==0 && !bar.hasClass('active'))
11   - {
12   - bar.addClass('active');
13   - main.addClass('active');
14   - }
15   - else
16   - {
17   - bar.removeClass('active');
18   - main.removeClass('active');
19   - }*/
20   - bar.toggleClass('active');
21   - main.toggleClass('active');
22   - });
23   -});
24   -
25   -$(function(){
26   - "use strict";
27   - /*** Sidebar Toggle ***/
28   - var barPos=0;
29   - var bar = $('.tools');
30   - var main = $('.main2');
31   - $('.toggleBar').click(function () {
32   - alert('hjh gjgvghg')
33   - /*barPos = parseInt($('.tools').css('left'));
34   - if(barPos!==0 && !bar.hasClass('active'))
35   - {
36   - bar.addClass('active');
37   - main.addClass('active');
38   - }
39   - else
40   - {
41   - bar.removeClass('active');
42   - main.removeClass('active');
43   - }*/
44   - bar.toggleClass('active');
45   - main.toggleClass('active');
46   - });
47   -});
48   -
49   -
50   -$(function(){
51   - "use strict";
52   - /*** Sidebar Toggle ***/
53   - var barPos=0;
54   - var bar = $('.treeview-left');
55   - var main = $('.main-treeview');
56   - $('.toggleBar').click(function() {
57   - /*barPos = parseInt($('.sidebar').css('left'));
58   - if(barPos!==0 && !bar.hasClass('active'))
59   - {
60   - bar.addClass('active');
61   - main.addClass('active');
62   - }
63   - else
64   - {
65   - bar.removeClass('active');
66   - main.removeClass('active');
67   - }*/
68   - alert('hjh')
69   - bar.toggleClass('active');
70   - main.toggleClass('active');
71   - });
72   -});
  1 +$(function(){
  2 + "use strict";
  3 + /*** Sidebar Toggle ***/
  4 + var barPos=0;
  5 + var bar = $('.sidebar');
  6 + var main = $('.main');
  7 + $('.toggleBar').click(function() {
  8 + /*barPos = parseInt($('.sidebar').css('left'));
  9 + if(barPos!==0 && !bar.hasClass('active'))
  10 + {
  11 + bar.addClass('active');
  12 + main.addClass('active');
  13 + }
  14 + else
  15 + {
  16 + bar.removeClass('active');
  17 + main.removeClass('active');
  18 + }*/
  19 + bar.toggleClass('active');
  20 + main.toggleClass('active');
  21 + });
  22 +});
  23 +
  24 +$(function(){
  25 + "use strict";
  26 + /*** Sidebar Toggle ***/
  27 + var barPos=0;
  28 + var bar = $('.tools');
  29 + var main = $('.main2');
  30 + $('.toggleBar').click(function() {
  31 + /*barPos = parseInt($('.tools').css('left'));
  32 + if(barPos!==0 && !bar.hasClass('active'))
  33 + {
  34 + bar.addClass('active');
  35 + main.addClass('active');
  36 + }
  37 + else
  38 + {
  39 + bar.removeClass('active');
  40 + main.removeClass('active');
  41 + }*/
  42 + bar.toggleClass('active');
  43 + main.toggleClass('active');
  44 + });
  45 +});
  46 +
  47 +
  48 +$(function(){
  49 + "use strict";
  50 + /*** Sidebar Toggle ***/
  51 + var barPos=0;
  52 + var bar = $('.treeview-left');
  53 + var main = $('.main-treeview');
  54 + $('.toggleBar').click(function() {
  55 + /*barPos = parseInt($('.sidebar').css('left'));
  56 + if(barPos!==0 && !bar.hasClass('active'))
  57 + {
  58 + bar.addClass('active');
  59 + main.addClass('active');
  60 + }
  61 + else
  62 + {
  63 + bar.removeClass('active');
  64 + main.removeClass('active');
  65 + }*/
  66 + bar.toggleClass('active');
  67 + main.toggleClass('active');
  68 + });
  69 +});
... ...
400-SOURCECODE/AIAHTML5.Web/index.html
  View file @cdb4b6e
... ... @@ -11,17 +11,13 @@
11 11 <title>A.D.A.M. Interactive Anatomy</title>
12 12  
13 13 <link href="themes/default/css/bootstrap/3.3.6/bootstrap.css" rel="stylesheet" />
14   -
15   -
16   -
17   -
18 14 <link href="themes/default/css/bootstrap/3.3.6/main.css" rel="stylesheet" />
19   -
20 15 <link href="themes/default/css/bootstrap/3.3.6/secondeffect.css" rel="stylesheet" />
21   -
22 16 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
23 17 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,400italic">
24 18  
  19 +
  20 +
25 21 <!--<link rel="styleSheet" href="themes/default/css/uigrid/ui-grid.min.css" />-->
26 22  
27 23 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
... ...
400-SOURCECODE/AIAHTML5.Web/libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.css renamed to 400-SOURCECODE/AIAHTML5.Web/libs/jquery-ui-slider-pips.css
  View file @cdb4b6e
400-SOURCECODE/AIAHTML5.Web/libs/jquery-ui.css 0 → 100644
  View file @cdb4b6e
  1 +/*! jQuery UI - v1.11.4 - 2015-03-11
  2 +* http://jqueryui.com
  3 +* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
  4 +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
  5 +* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
  6 +
  7 +/* Layout helpers
  8 +----------------------------------*/
  9 +
  10 +
  11 +
  12 +.ui-helper-hidden {
  13 + display: none;
  14 +}
  15 +.ui-helper-hidden-accessible {
  16 + border: 0;
  17 + clip: rect(0 0 0 0);
  18 + height: 1px;
  19 + margin: -1px;
  20 + overflow: hidden;
  21 + padding: 0;
  22 + position: absolute;
  23 + width: 1px;
  24 +}
  25 +.ui-helper-reset {
  26 + margin: 0;
  27 + padding: 0;
  28 + border: 0;
  29 + outline: 0;
  30 + line-height: 1.3;
  31 + text-decoration: none;
  32 + font-size: 100%;
  33 + list-style: none;
  34 +}
  35 +.ui-helper-clearfix:before,
  36 +.ui-helper-clearfix:after {
  37 + content: "";
  38 + display: table;
  39 + border-collapse: collapse;
  40 +}
  41 +.ui-helper-clearfix:after {
  42 + clear: both;
  43 +}
  44 +.ui-helper-clearfix {
  45 + min-height: 0; /* support: IE7 */
  46 +}
  47 +.ui-helper-zfix {
  48 + width: 100%;
  49 + height: 100%;
  50 + top: 0;
  51 + left: 0;
  52 + position: absolute;
  53 + opacity: 0;
  54 + filter:Alpha(Opacity=0); /* support: IE8 */
  55 +}
  56 +
  57 +.ui-front {
  58 + z-index: 100;
  59 +}
  60 +
  61 +
  62 +/* Interaction Cues
  63 +----------------------------------*/
  64 +.ui-state-disabled {
  65 + cursor: default !important;
  66 +}
  67 +
  68 +
  69 +/* Icons
  70 +----------------------------------*/
  71 +
  72 +/* states and images */
  73 +.ui-icon {
  74 + display: block;
  75 + text-indent: -99999px;
  76 + overflow: hidden;
  77 + background-repeat: no-repeat;
  78 +}
  79 +
  80 +
  81 +/* Misc visuals
  82 +----------------------------------*/
  83 +
  84 +/* Overlays */
  85 +.ui-widget-overlay {
  86 + position: fixed;
  87 + top: 0;
  88 + left: 0;
  89 + width: 100%;
  90 + height: 100%;
  91 +}
  92 +.ui-accordion .ui-accordion-header {
  93 + display: block;
  94 + cursor: pointer;
  95 + position: relative;
  96 + margin: 2px 0 0 0;
  97 + padding: .5em .5em .5em .7em;
  98 + min-height: 0; /* support: IE7 */
  99 + font-size: 100%;
  100 +}
  101 +.ui-accordion .ui-accordion-icons {
  102 + padding-left: 2.2em;
  103 +}
  104 +.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  105 + padding-left: 2.2em;
  106 +}
  107 +.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  108 + position: absolute;
  109 + left: .5em;
  110 + top: 50%;
  111 + margin-top: -8px;
  112 +}
  113 +.ui-accordion .ui-accordion-content {
  114 + padding: 1em 2.2em;
  115 + border-top: 0;
  116 + overflow: auto;
  117 +}
  118 +.ui-autocomplete {
  119 + position: absolute;
  120 + top: 0;
  121 + left: 0;
  122 + cursor: default;
  123 +}
  124 +.ui-button {
  125 + display: inline-block;
  126 + position: relative;
  127 + padding: 0;
  128 + line-height: normal;
  129 + margin-right: .1em;
  130 + cursor: pointer;
  131 + vertical-align: middle;
  132 + text-align: center;
  133 + overflow: visible; /* removes extra width in IE */
  134 +}
  135 +.ui-button,
  136 +.ui-button:link,
  137 +.ui-button:visited,
  138 +.ui-button:hover,
  139 +.ui-button:active {
  140 + text-decoration: none;
  141 +}
  142 +/* to make room for the icon, a width needs to be set here */
  143 +.ui-button-icon-only {
  144 + width: 2.2em;
  145 +}
  146 +/* button elements seem to need a little more width */
  147 +button.ui-button-icon-only {
  148 + width: 2.4em;
  149 +}
  150 +.ui-button-icons-only {
  151 + width: 3.4em;
  152 +}
  153 +button.ui-button-icons-only {
  154 + width: 3.7em;
  155 +}
  156 +
  157 +/* button text element */
  158 +.ui-button .ui-button-text {
  159 + display: block;
  160 + line-height: normal;
  161 +}
  162 +.ui-button-text-only .ui-button-text {
  163 + padding: .4em 1em;
  164 +}
  165 +.ui-button-icon-only .ui-button-text,
  166 +.ui-button-icons-only .ui-button-text {
  167 + padding: .4em;
  168 + text-indent: -9999999px;
  169 +}
  170 +.ui-button-text-icon-primary .ui-button-text,
  171 +.ui-button-text-icons .ui-button-text {
  172 + padding: .4em 1em .4em 2.1em;
  173 +}
  174 +.ui-button-text-icon-secondary .ui-button-text,
  175 +.ui-button-text-icons .ui-button-text {
  176 + padding: .4em 2.1em .4em 1em;
  177 +}
  178 +.ui-button-text-icons .ui-button-text {
  179 + padding-left: 2.1em;
  180 + padding-right: 2.1em;
  181 +}
  182 +/* no icon support for input elements, provide padding by default */
  183 +input.ui-button {
  184 + padding: .4em 1em;
  185 +}
  186 +
  187 +/* button icon element(s) */
  188 +.ui-button-icon-only .ui-icon,
  189 +.ui-button-text-icon-primary .ui-icon,
  190 +.ui-button-text-icon-secondary .ui-icon,
  191 +.ui-button-text-icons .ui-icon,
  192 +.ui-button-icons-only .ui-icon {
  193 + position: absolute;
  194 + top: 50%;
  195 + margin-top: -8px;
  196 +}
  197 +.ui-button-icon-only .ui-icon {
  198 + left: 50%;
  199 + margin-left: -8px;
  200 +}
  201 +.ui-button-text-icon-primary .ui-button-icon-primary,
  202 +.ui-button-text-icons .ui-button-icon-primary,
  203 +.ui-button-icons-only .ui-button-icon-primary {
  204 + left: .5em;
  205 +}
  206 +.ui-button-text-icon-secondary .ui-button-icon-secondary,
  207 +.ui-button-text-icons .ui-button-icon-secondary,
  208 +.ui-button-icons-only .ui-button-icon-secondary {
  209 + right: .5em;
  210 +}
  211 +
  212 +/* button sets */
  213 +.ui-buttonset {
  214 + margin-right: 7px;
  215 +}
  216 +.ui-buttonset .ui-button {
  217 + margin-left: 0;
  218 + margin-right: -.3em;
  219 +}
  220 +
  221 +/* workarounds */
  222 +/* reset extra padding in Firefox, see h5bp.com/l */
  223 +input.ui-button::-moz-focus-inner,
  224 +button.ui-button::-moz-focus-inner {
  225 + border: 0;
  226 + padding: 0;
  227 +}
  228 +.ui-datepicker {
  229 + width: 17em;
  230 + padding: .2em .2em 0;
  231 + display: none;
  232 +}
  233 +.ui-datepicker .ui-datepicker-header {
  234 + position: relative;
  235 + padding: .2em 0;
  236 +}
  237 +.ui-datepicker .ui-datepicker-prev,
  238 +.ui-datepicker .ui-datepicker-next {
  239 + position: absolute;
  240 + top: 2px;
  241 + width: 1.8em;
  242 + height: 1.8em;
  243 +}
  244 +.ui-datepicker .ui-datepicker-prev-hover,
  245 +.ui-datepicker .ui-datepicker-next-hover {
  246 + top: 1px;
  247 +}
  248 +.ui-datepicker .ui-datepicker-prev {
  249 + left: 2px;
  250 +}
  251 +.ui-datepicker .ui-datepicker-next {
  252 + right: 2px;
  253 +}
  254 +.ui-datepicker .ui-datepicker-prev-hover {
  255 + left: 1px;
  256 +}
  257 +.ui-datepicker .ui-datepicker-next-hover {
  258 + right: 1px;
  259 +}
  260 +.ui-datepicker .ui-datepicker-prev span,
  261 +.ui-datepicker .ui-datepicker-next span {
  262 + display: block;
  263 + position: absolute;
  264 + left: 50%;
  265 + margin-left: -8px;
  266 + top: 50%;
  267 + margin-top: -8px;
  268 +}
  269 +.ui-datepicker .ui-datepicker-title {
  270 + margin: 0 2.3em;
  271 + line-height: 1.8em;
  272 + text-align: center;
  273 +}
  274 +.ui-datepicker .ui-datepicker-title select {
  275 + font-size: 1em;
  276 + margin: 1px 0;
  277 +}
  278 +.ui-datepicker select.ui-datepicker-month,
  279 +.ui-datepicker select.ui-datepicker-year {
  280 + width: 45%;
  281 +}
  282 +.ui-datepicker table {
  283 + width: 100%;
  284 + font-size: .9em;
  285 + border-collapse: collapse;
  286 + margin: 0 0 .4em;
  287 +}
  288 +.ui-datepicker th {
  289 + padding: .7em .3em;
  290 + text-align: center;
  291 + font-weight: bold;
  292 + border: 0;
  293 +}
  294 +.ui-datepicker td {
  295 + border: 0;
  296 + padding: 1px;
  297 +}
  298 +.ui-datepicker td span,
  299 +.ui-datepicker td a {
  300 + display: block;
  301 + padding: .2em;
  302 + text-align: right;
  303 + text-decoration: none;
  304 +}
  305 +.ui-datepicker .ui-datepicker-buttonpane {
  306 + background-image: none;
  307 + margin: .7em 0 0 0;
  308 + padding: 0 .2em;
  309 + border-left: 0;
  310 + border-right: 0;
  311 + border-bottom: 0;
  312 +}
  313 +.ui-datepicker .ui-datepicker-buttonpane button {
  314 + float: right;
  315 + margin: .5em .2em .4em;
  316 + cursor: pointer;
  317 + padding: .2em .6em .3em .6em;
  318 + width: auto;
  319 + overflow: visible;
  320 +}
  321 +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  322 + float: left;
  323 +}
  324 +
  325 +/* with multiple calendars */
  326 +.ui-datepicker.ui-datepicker-multi {
  327 + width: auto;
  328 +}
  329 +.ui-datepicker-multi .ui-datepicker-group {
  330 + float: left;
  331 +}
  332 +.ui-datepicker-multi .ui-datepicker-group table {
  333 + width: 95%;
  334 + margin: 0 auto .4em;
  335 +}
  336 +.ui-datepicker-multi-2 .ui-datepicker-group {
  337 + width: 50%;
  338 +}
  339 +.ui-datepicker-multi-3 .ui-datepicker-group {
  340 + width: 33.3%;
  341 +}
  342 +.ui-datepicker-multi-4 .ui-datepicker-group {
  343 + width: 25%;
  344 +}
  345 +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
  346 +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  347 + border-left-width: 0;
  348 +}
  349 +.ui-datepicker-multi .ui-datepicker-buttonpane {
  350 + clear: left;
  351 +}
  352 +.ui-datepicker-row-break {
  353 + clear: both;
  354 + width: 100%;
  355 + font-size: 0;
  356 +}
  357 +
  358 +/* RTL support */
  359 +.ui-datepicker-rtl {
  360 + direction: rtl;
  361 +}
  362 +.ui-datepicker-rtl .ui-datepicker-prev {
  363 + right: 2px;
  364 + left: auto;
  365 +}
  366 +.ui-datepicker-rtl .ui-datepicker-next {
  367 + left: 2px;
  368 + right: auto;
  369 +}
  370 +.ui-datepicker-rtl .ui-datepicker-prev:hover {
  371 + right: 1px;
  372 + left: auto;
  373 +}
  374 +.ui-datepicker-rtl .ui-datepicker-next:hover {
  375 + left: 1px;
  376 + right: auto;
  377 +}
  378 +.ui-datepicker-rtl .ui-datepicker-buttonpane {
  379 + clear: right;
  380 +}
  381 +.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  382 + float: left;
  383 +}
  384 +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
  385 +.ui-datepicker-rtl .ui-datepicker-group {
  386 + float: right;
  387 +}
  388 +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
  389 +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  390 + border-right-width: 0;
  391 + border-left-width: 1px;
  392 +}
  393 +.ui-dialog {
  394 + overflow: hidden;
  395 + position: absolute;
  396 + top: 0;
  397 + left: 0;
  398 + padding: .2em;
  399 + outline: 0;
  400 +}
  401 +.ui-dialog .ui-dialog-titlebar {
  402 + padding: .4em 1em;
  403 + position: relative;
  404 +}
  405 +.ui-dialog .ui-dialog-title {
  406 + float: left;
  407 + margin: .1em 0;
  408 + white-space: nowrap;
  409 + width: 90%;
  410 + overflow: hidden;
  411 + text-overflow: ellipsis;
  412 +}
  413 +.ui-dialog .ui-dialog-titlebar-close {
  414 + position: absolute;
  415 + right: .3em;
  416 + top: 50%;
  417 + width: 20px;
  418 + margin: -10px 0 0 0;
  419 + padding: 1px;
  420 + height: 20px;
  421 +}
  422 +.ui-dialog .ui-dialog-content {
  423 + position: relative;
  424 + border: 0;
  425 + padding: .5em 1em;
  426 + background: none;
  427 + overflow: auto;
  428 +}
  429 +.ui-dialog .ui-dialog-buttonpane {
  430 + text-align: left;
  431 + border-width: 1px 0 0 0;
  432 + background-image: none;
  433 + margin-top: .5em;
  434 + padding: .3em 1em .5em .4em;
  435 +}
  436 +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  437 + float: right;
  438 +}
  439 +.ui-dialog .ui-dialog-buttonpane button {
  440 + margin: .5em .4em .5em 0;
  441 + cursor: pointer;
  442 +}
  443 +.ui-dialog .ui-resizable-se {
  444 + width: 12px;
  445 + height: 12px;
  446 + right: -5px;
  447 + bottom: -5px;
  448 + background-position: 16px 16px;
  449 +}
  450 +.ui-draggable .ui-dialog-titlebar {
  451 + cursor: move;
  452 +}
  453 +.ui-draggable-handle {
  454 + -ms-touch-action: none;
  455 + touch-action: none;
  456 +}
  457 +.ui-menu {
  458 + list-style: none;
  459 + padding: 0;
  460 + margin: 0;
  461 + display: block;
  462 + outline: none;
  463 +}
  464 +.ui-menu .ui-menu {
  465 + position: absolute;
  466 +}
  467 +.ui-menu .ui-menu-item {
  468 + position: relative;
  469 + margin: 0;
  470 + padding: 3px 1em 3px .4em;
  471 + cursor: pointer;
  472 + min-height: 0; /* support: IE7 */
  473 + /* support: IE10, see #8844 */
  474 + list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  475 +}
  476 +.ui-menu .ui-menu-divider {
  477 + margin: 5px 0;
  478 + height: 0;
  479 + font-size: 0;
  480 + line-height: 0;
  481 + border-width: 1px 0 0 0;
  482 +}
  483 +.ui-menu .ui-state-focus,
  484 +.ui-menu .ui-state-active {
  485 + margin: -1px;
  486 +}
  487 +
  488 +/* icon support */
  489 +.ui-menu-icons {
  490 + position: relative;
  491 +}
  492 +.ui-menu-icons .ui-menu-item {
  493 + padding-left: 2em;
  494 +}
  495 +
  496 +/* left-aligned */
  497 +.ui-menu .ui-icon {
  498 + position: absolute;
  499 + top: 0;
  500 + bottom: 0;
  501 + left: .2em;
  502 + margin: auto 0;
  503 +}
  504 +
  505 +/* right-aligned */
  506 +.ui-menu .ui-menu-icon {
  507 + left: auto;
  508 + right: 0;
  509 +}
  510 +.ui-progressbar {
  511 + height: 2em;
  512 + text-align: left;
  513 + overflow: hidden;
  514 +}
  515 +.ui-progressbar .ui-progressbar-value {
  516 + margin: -1px;
  517 + height: 100%;
  518 +}
  519 +.ui-progressbar .ui-progressbar-overlay {
  520 + background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  521 + height: 100%;
  522 + filter: alpha(opacity=25); /* support: IE8 */
  523 + opacity: 0.25;
  524 +}
  525 +.ui-progressbar-indeterminate .ui-progressbar-value {
  526 + background-image: none;
  527 +}
  528 +.ui-resizable {
  529 + position: relative;
  530 +}
  531 +.ui-resizable-handle {
  532 + position: absolute;
  533 + font-size: 0.1px;
  534 + display: block;
  535 + -ms-touch-action: none;
  536 + touch-action: none;
  537 +}
  538 +.ui-resizable-disabled .ui-resizable-handle,
  539 +.ui-resizable-autohide .ui-resizable-handle {
  540 + display: none;
  541 +}
  542 +.ui-resizable-n {
  543 + cursor: n-resize;
  544 + height: 7px;
  545 + width: 100%;
  546 + top: -5px;
  547 + left: 0;
  548 +}
  549 +.ui-resizable-s {
  550 + cursor: s-resize;
  551 + height: 7px;
  552 + width: 100%;
  553 + bottom: -5px;
  554 + left: 0;
  555 +}
  556 +.ui-resizable-e {
  557 + cursor: e-resize;
  558 + width: 7px;
  559 + right: -5px;
  560 + top: 0;
  561 + height: 100%;
  562 +}
  563 +.ui-resizable-w {
  564 + cursor: w-resize;
  565 + width: 7px;
  566 + left: -5px;
  567 + top: 0;
  568 + height: 100%;
  569 +}
  570 +.ui-resizable-se {
  571 + cursor: se-resize;
  572 + width: 12px;
  573 + height: 12px;
  574 + right: 1px;
  575 + bottom: 1px;
  576 +}
  577 +.ui-resizable-sw {
  578 + cursor: sw-resize;
  579 + width: 9px;
  580 + height: 9px;
  581 + left: -5px;
  582 + bottom: -5px;
  583 +}
  584 +.ui-resizable-nw {
  585 + cursor: nw-resize;
  586 + width: 9px;
  587 + height: 9px;
  588 + left: -5px;
  589 + top: -5px;
  590 +}
  591 +.ui-resizable-ne {
  592 + cursor: ne-resize;
  593 + width: 9px;
  594 + height: 9px;
  595 + right: -5px;
  596 + top: -5px;
  597 +}
  598 +.ui-selectable {
  599 + -ms-touch-action: none;
  600 + touch-action: none;
  601 +}
  602 +.ui-selectable-helper {
  603 + position: absolute;
  604 + z-index: 100;
  605 + border: 1px dotted black;
  606 +}
  607 +.ui-selectmenu-menu {
  608 + padding: 0;
  609 + margin: 0;
  610 + position: absolute;
  611 + top: 0;
  612 + left: 0;
  613 + display: none;
  614 +}
  615 +.ui-selectmenu-menu .ui-menu {
  616 + overflow: auto;
  617 + /* Support: IE7 */
  618 + overflow-x: hidden;
  619 + padding-bottom: 1px;
  620 +}
  621 +.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  622 + font-size: 1em;
  623 + font-weight: bold;
  624 + line-height: 1.5;
  625 + padding: 2px 0.4em;
  626 + margin: 0.5em 0 0 0;
  627 + height: auto;
  628 + border: 0;
  629 +}
  630 +.ui-selectmenu-open {
  631 + display: block;
  632 +}
  633 +.ui-selectmenu-button {
  634 + display: inline-block;
  635 + overflow: hidden;
  636 + position: relative;
  637 + text-decoration: none;
  638 + cursor: pointer;
  639 +}
  640 +.ui-selectmenu-button span.ui-icon {
  641 + right: 0.5em;
  642 + left: auto;
  643 + margin-top: -8px;
  644 + position: absolute;
  645 + top: 50%;
  646 +}
  647 +.ui-selectmenu-button span.ui-selectmenu-text {
  648 + text-align: left;
  649 + padding: 0.4em 2.1em 0.4em 1em;
  650 + display: block;
  651 + line-height: 1.4;
  652 + overflow: hidden;
  653 + text-overflow: ellipsis;
  654 + white-space: nowrap;
  655 +}
  656 +.ui-slider {
  657 + position: relative;
  658 + text-align: left;
  659 +}
  660 +.ui-slider .ui-slider-handle {
  661 + position: absolute;
  662 + z-index: 2;
  663 + width: 1.2em;
  664 + height: 1.2em;
  665 + cursor: default;
  666 + -ms-touch-action: none;
  667 + touch-action: none;
  668 +}
  669 +.ui-slider .ui-slider-range {
  670 + position: absolute;
  671 + z-index: 1;
  672 + font-size: .7em;
  673 + display: block;
  674 + border: 0;
  675 + background-position: 0 0;
  676 +}
  677 +
  678 +/* support: IE8 - See #6727 */
  679 +.ui-slider.ui-state-disabled .ui-slider-handle,
  680 +.ui-slider.ui-state-disabled .ui-slider-range {
  681 + filter: inherit;
  682 +}
  683 +
  684 +.ui-slider-horizontal {
  685 + height: .8em;
  686 +}
  687 +.ui-slider-horizontal .ui-slider-handle {
  688 + top: -.3em;
  689 + margin-left: -.6em;
  690 +}
  691 +.ui-slider-horizontal .ui-slider-range {
  692 + top: 0;
  693 + height: 100%;
  694 +}
  695 +.ui-slider-horizontal .ui-slider-range-min {
  696 + left: 0;
  697 +}
  698 +.ui-slider-horizontal .ui-slider-range-max {
  699 + right: 0;
  700 +}
  701 +
  702 +.ui-slider-vertical {
  703 + width: .8em;
  704 + height: 100px;
  705 +}
  706 +.ui-slider-vertical .ui-slider-handle {
  707 + left: -.3em;
  708 + margin-left: 0;
  709 + margin-bottom: -.6em;
  710 +}
  711 +.ui-slider-vertical .ui-slider-range {
  712 + left: 0;
  713 + width: 100%;
  714 +}
  715 +.ui-slider-vertical .ui-slider-range-min {
  716 + bottom: 0;
  717 +}
  718 +.ui-slider-vertical .ui-slider-range-max {
  719 + top: 0;
  720 +}
  721 +.ui-sortable-handle {
  722 + -ms-touch-action: none;
  723 + touch-action: none;
  724 +}
  725 +.ui-spinner {
  726 + position: relative;
  727 + display: inline-block;
  728 + overflow: hidden;
  729 + padding: 0;
  730 + vertical-align: middle;
  731 +}
  732 +.ui-spinner-input {
  733 + border: none;
  734 + background: none;
  735 + color: inherit;
  736 + padding: 0;
  737 + margin: .2em 0;
  738 + vertical-align: middle;
  739 + margin-left: .4em;
  740 + margin-right: 22px;
  741 +}
  742 +.ui-spinner-button {
  743 + width: 16px;
  744 + height: 50%;
  745 + font-size: .5em;
  746 + padding: 0;
  747 + margin: 0;
  748 + text-align: center;
  749 + position: absolute;
  750 + cursor: default;
  751 + display: block;
  752 + overflow: hidden;
  753 + right: 0;
  754 +}
  755 +/* more specificity required here to override default borders */
  756 +.ui-spinner a.ui-spinner-button {
  757 + border-top: none;
  758 + border-bottom: none;
  759 + border-right: none;
  760 +}
  761 +/* vertically center icon */
  762 +.ui-spinner .ui-icon {
  763 + position: absolute;
  764 + margin-top: -8px;
  765 + top: 50%;
  766 + left: 0;
  767 +}
  768 +.ui-spinner-up {
  769 + top: 0;
  770 +}
  771 +.ui-spinner-down {
  772 + bottom: 0;
  773 +}
  774 +
  775 +/* TR overrides */
  776 +.ui-spinner .ui-icon-triangle-1-s {
  777 + /* need to fix icons sprite */
  778 + background-position: -65px -16px;
  779 +}
  780 +.ui-tabs {
  781 + position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  782 + padding: .2em;
  783 +}
  784 +.ui-tabs .ui-tabs-nav {
  785 + margin: 0;
  786 + padding: .2em .2em 0;
  787 +}
  788 +.ui-tabs .ui-tabs-nav li {
  789 + list-style: none;
  790 + float: left;
  791 + position: relative;
  792 + top: 0;
  793 + margin: 1px .2em 0 0;
  794 + border-bottom-width: 0;
  795 + padding: 0;
  796 + white-space: nowrap;
  797 +}
  798 +.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  799 + float: left;
  800 + padding: .5em 1em;
  801 + text-decoration: none;
  802 +}
  803 +.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  804 + margin-bottom: -1px;
  805 + padding-bottom: 1px;
  806 +}
  807 +.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
  808 +.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
  809 +.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  810 + cursor: text;
  811 +}
  812 +.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  813 + cursor: pointer;
  814 +}
  815 +.ui-tabs .ui-tabs-panel {
  816 + display: block;
  817 + border-width: 0;
  818 + padding: 1em 1.4em;
  819 + background: none;
  820 +}
  821 +.ui-tooltip {
  822 + padding: 7px;
  823 + position: absolute;
  824 + z-index: 9999;
  825 + max-width: 300px;
  826 + -webkit-box-shadow: 0 0 5px #aaa;
  827 + box-shadow: 0 0 5px #aaa;
  828 + font-size:11px!important;
  829 + background:#333!important; color:#fff!important;
  830 + border:1px solid #000!important;
  831 +}
  832 +body .ui-tooltip {
  833 + border-width: 1px;
  834 +}
  835 +
  836 +/* Component containers
  837 +----------------------------------*/
  838 +.ui-widget {
  839 + font-family: Verdana,Arial,sans-serif;
  840 + font-size: 1.1em;
  841 +}
  842 +.ui-widget .ui-widget {
  843 + font-size: 1em;
  844 +}
  845 +.ui-widget input,
  846 +.ui-widget select,
  847 +.ui-widget textarea,
  848 +.ui-widget button {
  849 + font-family: Verdana,Arial,sans-serif;
  850 + font-size: 1em;
  851 +}
  852 +.ui-widget-content {
  853 + border: 1px solid #007ab3;
  854 + background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  855 + color: #222222;
  856 +}
  857 +.ui-widget-content a {
  858 + color: #222222;
  859 +}
  860 +.ui-widget-header {
  861 + border: 1px solid #007ab3;
  862 + background: #0095da;
  863 + color: #222222;
  864 + font-weight: bold;
  865 +}
  866 +.ui-widget-header a {
  867 + color: #222222;
  868 +}
  869 +
  870 +/* Interaction states
  871 +----------------------------------*/
  872 +.ui-state-default,
  873 +.ui-widget-content .ui-state-default,
  874 +.ui-widget-header .ui-state-default {
  875 + border: 1px solid #d6d6d6;
  876 + background: #fff;
  877 + font-weight: normal;
  878 + color: #555555;
  879 +}
  880 +.ui-state-default a,
  881 +.ui-state-default a:link,
  882 +.ui-state-default a:visited {
  883 + color: #555555;
  884 + text-decoration: none;
  885 +}
  886 +.ui-state-hover,
  887 +.ui-widget-content .ui-state-hover,
  888 +.ui-widget-header .ui-state-hover,
  889 +.ui-state-focus,
  890 +.ui-widget-content .ui-state-focus,
  891 +.ui-widget-header .ui-state-focus {
  892 + border: 1px solid #999999;
  893 + background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  894 + font-weight: normal;
  895 + color: #212121;
  896 +}
  897 +.ui-state-hover a,
  898 +.ui-state-hover a:hover,
  899 +.ui-state-hover a:link,
  900 +.ui-state-hover a:visited,
  901 +.ui-state-focus a,
  902 +.ui-state-focus a:hover,
  903 +.ui-state-focus a:link,
  904 +.ui-state-focus a:visited {
  905 + color: #212121;
  906 + text-decoration: none;
  907 +}
  908 +.ui-state-active,
  909 +.ui-widget-content .ui-state-active,
  910 +.ui-widget-header .ui-state-active {
  911 + border: 1px solid #aaaaaa;
  912 + background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  913 + font-weight: normal;
  914 + color: #212121;
  915 +}
  916 +.ui-state-active a,
  917 +.ui-state-active a:link,
  918 +.ui-state-active a:visited {
  919 + color: #212121;
  920 + text-decoration: none;
  921 +}
  922 +
  923 +/* Interaction Cues
  924 +----------------------------------*/
  925 +.ui-state-highlight,
  926 +.ui-widget-content .ui-state-highlight,
  927 +.ui-widget-header .ui-state-highlight {
  928 + border: 1px solid #fcefa1;
  929 + background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  930 + color: #363636;
  931 +}
  932 +.ui-state-highlight a,
  933 +.ui-widget-content .ui-state-highlight a,
  934 +.ui-widget-header .ui-state-highlight a {
  935 + color: #363636;
  936 +}
  937 +.ui-state-error,
  938 +.ui-widget-content .ui-state-error,
  939 +.ui-widget-header .ui-state-error {
  940 + border: 1px solid #cd0a0a;
  941 + background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  942 + color: #cd0a0a;
  943 +}
  944 +.ui-state-error a,
  945 +.ui-widget-content .ui-state-error a,
  946 +.ui-widget-header .ui-state-error a {
  947 + color: #cd0a0a;
  948 +}
  949 +.ui-state-error-text,
  950 +.ui-widget-content .ui-state-error-text,
  951 +.ui-widget-header .ui-state-error-text {
  952 + color: #cd0a0a;
  953 +}
  954 +.ui-priority-primary,
  955 +.ui-widget-content .ui-priority-primary,
  956 +.ui-widget-header .ui-priority-primary {
  957 + font-weight: bold;
  958 +}
  959 +.ui-priority-secondary,
  960 +.ui-widget-content .ui-priority-secondary,
  961 +.ui-widget-header .ui-priority-secondary {
  962 + opacity: .7;
  963 + filter:Alpha(Opacity=70); /* support: IE8 */
  964 + font-weight: normal;
  965 +}
  966 +.ui-state-disabled,
  967 +.ui-widget-content .ui-state-disabled,
  968 +.ui-widget-header .ui-state-disabled {
  969 + opacity: .35;
  970 + filter:Alpha(Opacity=35); /* support: IE8 */
  971 + background-image: none;
  972 +}
  973 +.ui-state-disabled .ui-icon {
  974 + filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
  975 +}
  976 +
  977 +/* Icons
  978 +----------------------------------*/
  979 +
  980 +/* states and images */
  981 +.ui-icon {
  982 + width: 16px;
  983 + height: 16px;
  984 +}
  985 +.ui-icon,
  986 +.ui-widget-content .ui-icon {
  987 + background-image: url("images/ui-icons_222222_256x240.png");
  988 +}
  989 +.ui-widget-header .ui-icon {
  990 + background-image: url("images/ui-icons_222222_256x240.png");
  991 +}
  992 +.ui-state-default .ui-icon {
  993 + background-image: url("images/ui-icons_888888_256x240.png");
  994 +}
  995 +.ui-state-hover .ui-icon,
  996 +.ui-state-focus .ui-icon {
  997 + background-image: url("images/ui-icons_454545_256x240.png");
  998 +}
  999 +.ui-state-active .ui-icon {
  1000 + background-image: url("images/ui-icons_454545_256x240.png");
  1001 +}
  1002 +.ui-state-highlight .ui-icon {
  1003 + background-image: url("images/ui-icons_2e83ff_256x240.png");
  1004 +}
  1005 +.ui-state-error .ui-icon,
  1006 +.ui-state-error-text .ui-icon {
  1007 + background-image: url("images/ui-icons_cd0a0a_256x240.png");
  1008 +}
  1009 +
  1010 +/* positioning */
  1011 +.ui-icon-blank { background-position: 16px 16px; }
  1012 +.ui-icon-carat-1-n { background-position: 0 0; }
  1013 +.ui-icon-carat-1-ne { background-position: -16px 0; }
  1014 +.ui-icon-carat-1-e { background-position: -32px 0; }
  1015 +.ui-icon-carat-1-se { background-position: -48px 0; }
  1016 +.ui-icon-carat-1-s { background-position: -64px 0; }
  1017 +.ui-icon-carat-1-sw { background-position: -80px 0; }
  1018 +.ui-icon-carat-1-w { background-position: -96px 0; }
  1019 +.ui-icon-carat-1-nw { background-position: -112px 0; }
  1020 +.ui-icon-carat-2-n-s { background-position: -128px 0; }
  1021 +.ui-icon-carat-2-e-w { background-position: -144px 0; }
  1022 +.ui-icon-triangle-1-n { background-position: 0 -16px; }
  1023 +.ui-icon-triangle-1-ne { background-position: -16px -16px; }
  1024 +.ui-icon-triangle-1-e { background-position: -32px -16px; }
  1025 +.ui-icon-triangle-1-se { background-position: -48px -16px; }
  1026 +.ui-icon-triangle-1-s { background-position: -64px -16px; }
  1027 +.ui-icon-triangle-1-sw { background-position: -80px -16px; }
  1028 +.ui-icon-triangle-1-w { background-position: -96px -16px; }
  1029 +.ui-icon-triangle-1-nw { background-position: -112px -16px; }
  1030 +.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
  1031 +.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
  1032 +.ui-icon-arrow-1-n { background-position: 0 -32px; }
  1033 +.ui-icon-arrow-1-ne { background-position: -16px -32px; }
  1034 +.ui-icon-arrow-1-e { background-position: -32px -32px; }
  1035 +.ui-icon-arrow-1-se { background-position: -48px -32px; }
  1036 +.ui-icon-arrow-1-s { background-position: -64px -32px; }
  1037 +.ui-icon-arrow-1-sw { background-position: -80px -32px; }
  1038 +.ui-icon-arrow-1-w { background-position: -96px -32px; }
  1039 +.ui-icon-arrow-1-nw { background-position: -112px -32px; }
  1040 +.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
  1041 +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
  1042 +.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
  1043 +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
  1044 +.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
  1045 +.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
  1046 +.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
  1047 +.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
  1048 +.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
  1049 +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
  1050 +.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
  1051 +.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
  1052 +.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
  1053 +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
  1054 +.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
  1055 +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
  1056 +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
  1057 +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
  1058 +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
  1059 +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
  1060 +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
  1061 +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
  1062 +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
  1063 +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
  1064 +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
  1065 +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
  1066 +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
  1067 +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
  1068 +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
  1069 +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
  1070 +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
  1071 +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
  1072 +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
  1073 +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
  1074 +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
  1075 +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
  1076 +.ui-icon-arrow-4 { background-position: 0 -80px; }
  1077 +.ui-icon-arrow-4-diag { background-position: -16px -80px; }
  1078 +.ui-icon-extlink { background-position: -32px -80px; }
  1079 +.ui-icon-newwin { background-position: -48px -80px; }
  1080 +.ui-icon-refresh { background-position: -64px -80px; }
  1081 +.ui-icon-shuffle { background-position: -80px -80px; }
  1082 +.ui-icon-transfer-e-w { background-position: -96px -80px; }
  1083 +.ui-icon-transferthick-e-w { background-position: -112px -80px; }
  1084 +.ui-icon-folder-collapsed { background-position: 0 -96px; }
  1085 +.ui-icon-folder-open { background-position: -16px -96px; }
  1086 +.ui-icon-document { background-position: -32px -96px; }
  1087 +.ui-icon-document-b { background-position: -48px -96px; }
  1088 +.ui-icon-note { background-position: -64px -96px; }
  1089 +.ui-icon-mail-closed { background-position: -80px -96px; }
  1090 +.ui-icon-mail-open { background-position: -96px -96px; }
  1091 +.ui-icon-suitcase { background-position: -112px -96px; }
  1092 +.ui-icon-comment { background-position: -128px -96px; }
  1093 +.ui-icon-person { background-position: -144px -96px; }
  1094 +.ui-icon-print { background-position: -160px -96px; }
  1095 +.ui-icon-trash { background-position: -176px -96px; }
  1096 +.ui-icon-locked { background-position: -192px -96px; }
  1097 +.ui-icon-unlocked { background-position: -208px -96px; }
  1098 +.ui-icon-bookmark { background-position: -224px -96px; }
  1099 +.ui-icon-tag { background-position: -240px -96px; }
  1100 +.ui-icon-home { background-position: 0 -112px; }
  1101 +.ui-icon-flag { background-position: -16px -112px; }
  1102 +.ui-icon-calendar { background-position: -32px -112px; }
  1103 +.ui-icon-cart { background-position: -48px -112px; }
  1104 +.ui-icon-pencil { background-position: -64px -112px; }
  1105 +.ui-icon-clock { background-position: -80px -112px; }
  1106 +.ui-icon-disk { background-position: -96px -112px; }
  1107 +.ui-icon-calculator { background-position: -112px -112px; }
  1108 +.ui-icon-zoomin { background-position: -128px -112px; }
  1109 +.ui-icon-zoomout { background-position: -144px -112px; }
  1110 +.ui-icon-search { background-position: -160px -112px; }
  1111 +.ui-icon-wrench { background-position: -176px -112px; }
  1112 +.ui-icon-gear { background-position: -192px -112px; }
  1113 +.ui-icon-heart { background-position: -208px -112px; }
  1114 +.ui-icon-star { background-position: -224px -112px; }
  1115 +.ui-icon-link { background-position: -240px -112px; }
  1116 +.ui-icon-cancel { background-position: 0 -128px; }
  1117 +.ui-icon-plus { background-position: -16px -128px; }
  1118 +.ui-icon-plusthick { background-position: -32px -128px; }
  1119 +.ui-icon-minus { background-position: -48px -128px; }
  1120 +.ui-icon-minusthick { background-position: -64px -128px; }
  1121 +.ui-icon-close { background-position: -80px -128px; }
  1122 +.ui-icon-closethick { background-position: -96px -128px; }
  1123 +.ui-icon-key { background-position: -112px -128px; }
  1124 +.ui-icon-lightbulb { background-position: -128px -128px; }
  1125 +.ui-icon-scissors { background-position: -144px -128px; }
  1126 +.ui-icon-clipboard { background-position: -160px -128px; }
  1127 +.ui-icon-copy { background-position: -176px -128px; }
  1128 +.ui-icon-contact { background-position: -192px -128px; }
  1129 +.ui-icon-image { background-position: -208px -128px; }
  1130 +.ui-icon-video { background-position: -224px -128px; }
  1131 +.ui-icon-script { background-position: -240px -128px; }
  1132 +.ui-icon-alert { background-position: 0 -144px; }
  1133 +.ui-icon-info { background-position: -16px -144px; }
  1134 +.ui-icon-notice { background-position: -32px -144px; }
  1135 +.ui-icon-help { background-position: -48px -144px; }
  1136 +.ui-icon-check { background-position: -64px -144px; }
  1137 +.ui-icon-bullet { background-position: -80px -144px; }
  1138 +.ui-icon-radio-on { background-position: -96px -144px; }
  1139 +.ui-icon-radio-off { background-position: -112px -144px; }
  1140 +.ui-icon-pin-w { background-position: -128px -144px; }
  1141 +.ui-icon-pin-s { background-position: -144px -144px; }
  1142 +.ui-icon-play { background-position: 0 -160px; }
  1143 +.ui-icon-pause { background-position: -16px -160px; }
  1144 +.ui-icon-seek-next { background-position: -32px -160px; }
  1145 +.ui-icon-seek-prev { background-position: -48px -160px; }
  1146 +.ui-icon-seek-end { background-position: -64px -160px; }
  1147 +.ui-icon-seek-start { background-position: -80px -160px; }
  1148 +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
  1149 +.ui-icon-seek-first { background-position: -80px -160px; }
  1150 +.ui-icon-stop { background-position: -96px -160px; }
  1151 +.ui-icon-eject { background-position: -112px -160px; }
  1152 +.ui-icon-volume-off { background-position: -128px -160px; }
  1153 +.ui-icon-volume-on { background-position: -144px -160px; }
  1154 +.ui-icon-power { background-position: 0 -176px; }
  1155 +.ui-icon-signal-diag { background-position: -16px -176px; }
  1156 +.ui-icon-signal { background-position: -32px -176px; }
  1157 +.ui-icon-battery-0 { background-position: -48px -176px; }
  1158 +.ui-icon-battery-1 { background-position: -64px -176px; }
  1159 +.ui-icon-battery-2 { background-position: -80px -176px; }
  1160 +.ui-icon-battery-3 { background-position: -96px -176px; }
  1161 +.ui-icon-circle-plus { background-position: 0 -192px; }
  1162 +.ui-icon-circle-minus { background-position: -16px -192px; }
  1163 +.ui-icon-circle-close { background-position: -32px -192px; }
  1164 +.ui-icon-circle-triangle-e { background-position: -48px -192px; }
  1165 +.ui-icon-circle-triangle-s { background-position: -64px -192px; }
  1166 +.ui-icon-circle-triangle-w { background-position: -80px -192px; }
  1167 +.ui-icon-circle-triangle-n { background-position: -96px -192px; }
  1168 +.ui-icon-circle-arrow-e { background-position: -112px -192px; }
  1169 +.ui-icon-circle-arrow-s { background-position: -128px -192px; }
  1170 +.ui-icon-circle-arrow-w { background-position: -144px -192px; }
  1171 +.ui-icon-circle-arrow-n { background-position: -160px -192px; }
  1172 +.ui-icon-circle-zoomin { background-position: -176px -192px; }
  1173 +.ui-icon-circle-zoomout { background-position: -192px -192px; }
  1174 +.ui-icon-circle-check { background-position: -208px -192px; }
  1175 +.ui-icon-circlesmall-plus { background-position: 0 -208px; }
  1176 +.ui-icon-circlesmall-minus { background-position: -16px -208px; }
  1177 +.ui-icon-circlesmall-close { background-position: -32px -208px; }
  1178 +.ui-icon-squaresmall-plus { background-position: -48px -208px; }
  1179 +.ui-icon-squaresmall-minus { background-position: -64px -208px; }
  1180 +.ui-icon-squaresmall-close { background-position: -80px -208px; }
  1181 +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
  1182 +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
  1183 +.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
  1184 +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
  1185 +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
  1186 +.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
  1187 +
  1188 +
  1189 +/* Misc visuals
  1190 +----------------------------------*/
  1191 +
  1192 +/* Corner radius
  1193 +.ui-corner-all,
  1194 +.ui-corner-top,
  1195 +.ui-corner-left,
  1196 +.ui-corner-tl {
  1197 + border-top-left-radius: 4px;
  1198 +}
  1199 +.ui-corner-all,
  1200 +.ui-corner-top,
  1201 +.ui-corner-right,
  1202 +.ui-corner-tr {
  1203 + border-top-right-radius: 4px;
  1204 +}
  1205 +.ui-corner-all,
  1206 +.ui-corner-bottom,
  1207 +.ui-corner-left,
  1208 +.ui-corner-bl {
  1209 + border-bottom-left-radius: 4px;
  1210 +}
  1211 +.ui-corner-all,
  1212 +.ui-corner-bottom,
  1213 +.ui-corner-right,
  1214 +.ui-corner-br {
  1215 + border-bottom-right-radius:4px;
  1216 +}*/
  1217 +
  1218 +.ui-slider-handle{ border-radius:50%}
  1219 +/* Overlays */
  1220 +.ui-widget-overlay {
  1221 + background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  1222 + opacity: .3;
  1223 + filter: Alpha(Opacity=30); /* support: IE8 */
  1224 +}
  1225 +.ui-widget-shadow {
  1226 + margin: -8px 0 0 -8px;
  1227 + padding: 8px;
  1228 + background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  1229 + opacity: .3;
  1230 + filter: Alpha(Opacity=30); /* support: IE8 */
  1231 + border-radius: 8px;
  1232 +}
... ...
400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
  View file @cdb4b6e
... ... @@ -226,6 +226,10 @@ footer.dark {
226 226 .marginTopBtm10 {
227 227 margin: 10px 0!important
228 228 }
  229 +.paddingTopBtm10 {
  230 + padding: 10px 0
  231 +}
  232 +
229 233 .page-header {
230 234 border-bottom: 0!important
231 235 }
... ... @@ -342,6 +346,7 @@ footer.dark {
342 346 #inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
343 347 background: #1c92d0;
344 348 border: 1px solid #1c92d0;
  349 + color:#fff;
345 350 }
346 351 .main {
347 352 margin-left: 200px;
... ... @@ -608,6 +613,47 @@ select[multiple], select[size].multipleSelect{ height: 100%;}
608 613 .modal-header .close{ margin-top:0}
609 614 #setting-modal-dark .nav-tabs > li.active > a, #setting-modal-dark .nav-tabs > li.active > a:hover, #setting-modal-dark .nav-tabs > li.active > a:focus{ background:hsl(199, 100%, 43%); border:none; color:#fff;}
610 615 .annotation-modal-header h4{ font-size:15px; font-weight:600;}
  616 +.color-picker{ margin-left:25px; margin-top:-3px}
  617 +.pattern-picker{ margin-left:10px; margin-top:-3px}
  618 +.marginbtm10{ margin-bottom:10px;}
  619 +.bodyWrap2{ margin-top:60px;}
  620 +.toolsss {
  621 + height: 100vh;
  622 + width: 110px;
  623 + padding-top: 10px;
  624 + /*padding-top: 70px;*/
  625 + position:absolute;
  626 + /*overflow: hidden;*/
  627 + left: 0;
  628 + top: 0;
  629 + z-index: 1029;
  630 + transition: left .3s ease;
  631 + background:#ebebeb;
  632 + border-right:1px solid #dedede;
  633 +
  634 +}
  635 +.main3 {
  636 + background: #383838;
  637 + margin-left: 95px;
  638 + position: relative;
  639 + transition: margin .3s ease;
  640 + /*margin-top: 60px;*/
  641 +}
  642 +.well-bordered{ background:#fff; border:5px solid #f0f0f0; border-radius:0; box-shadow:none; padding:10px 20px; height:580px; overflow-y:auto}
  643 +.color-pallate{ position:absolute; top:15px;}
  644 +.font18{ font-size:18px;}
  645 +.bg-grey{ background:#f2f2f2;}
  646 +textarea {
  647 + resize: none;
  648 +}
  649 +.font12{ font-size:12px;}
  650 +.font14{ font-size:14px;}
  651 +.weight600{ font-weight:600;}
  652 +.marginbtm5{ margin-bottom:5px;}
  653 +.marginBtm12{ margin-bottom:12px;}
  654 +.anatomyTest-option{ padding-left:17px; font-size:12px; line-height:20px;}
  655 +.font-16{ font-size:16px;}
  656 +
611 657  
612 658 @-webkit-keyframes circle {
613 659 0% {
... ... @@ -718,6 +764,13 @@ textarea {
718 764 .treeview-left.active {
719 765 left: 0;
720 766 }
  767 +
  768 +.tab-mini > li > a{overflow: hidden;
  769 +padding-left:5px; padding-right:5px;
  770 + text-overflow: ellipsis;
  771 + white-space: nowrap;
  772 + width: 86px !important;}
  773 +
721 774 }
722 775  
723 776 @media (min-width: 768px) and (max-width: 1199px) {
... ... @@ -727,6 +780,10 @@ textarea {
727 780 .width120 {
728 781 width: 90%!important;
729 782 }
  783 +.builder-Guide-left{ min-width:118px; width:9%; padding:0;}
  784 +.builder-Guide-right{ min-width:485px; width:80%; padding:0;}
  785 +.color-pallate{ position:absolute; top:5px;}
  786 +
730 787 /* .toggleBar { margin:20px 10px 0 0}*/
731 788 }
732 789  
... ...
400-SOURCECODE/AIAHTML5.Web/themes/default/css/jquery-ui-slider-pips.css 0 → 100644
  View file @cdb4b6e
  1 +/*! jQuery-ui-Slider-Pips - v1.11.1 - 2015-11-30
  2 +* Copyright (c) 2015 Simon Goellner <simey.me@gmail.com>; Licensed MIT */
  3 +
  4 +/* HORIZONTAL */
  5 +/* increase bottom margin to fit the pips */
  6 +
  7 +.pips-slider{ background:#fff;
  8 +border:1px solid #E7E7E7;
  9 +
  10 +width:80px;
  11 +margin:0 auto;
  12 +margin-top:110px;}
  13 +
  14 +.pips-slider h3{ width:100%; float:left; background:#CCCCCC; font-size:14px; margin:0; padding:0; margin-bottom:20px; padding:5px 0 5px 10px}
  15 +.pips-slider h3 i{ font-size:14px;}
  16 +.pips-slider #vertical-slider{ margin:40px 0 30px 20px;}
  17 +
  18 +.ui-slider-horizontal.ui-slider-pips {
  19 + margin-bottom: 1.4em;
  20 +}
  21 +
  22 +/* default hide the labels and pips that arnt visible */
  23 +/* we just use css to hide incase we want to show certain */
  24 +/* labels/pips individually later */
  25 +.ui-slider-pips .ui-slider-label,
  26 +.ui-slider-pips .ui-slider-pip-hide {
  27 + display: none;
  28 +}
  29 +
  30 +/* now we show any labels that we've set to show in the options */
  31 +.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
  32 + display: block;
  33 +}
  34 +
  35 +/* PIP/LABEL WRAPPER */
  36 +/* position each pip absolutely just below the default slider */
  37 +/* and also prevent accidental selection */
  38 +.ui-slider-pips .ui-slider-pip {
  39 + width: 2em;
  40 + height: 1em;
  41 + line-height: 1em;
  42 + position: absolute;
  43 + font-size: 0.8em;
  44 + color: #999;
  45 + overflow: visible;
  46 + text-align: center;
  47 + top: 20px;
  48 + left: 20px;
  49 + margin-left: -1em;
  50 + cursor: pointer;
  51 + -webkit-touch-callout: none;
  52 + -webkit-user-select: none;
  53 + -moz-user-select: none;
  54 + -ms-user-select: none;
  55 + user-select: none;
  56 +}
  57 +
  58 +.ui-state-disabled.ui-slider-pips .ui-slider-pip {
  59 + cursor: default;
  60 +}
  61 +
  62 +/* little pip/line position & size */
  63 +.ui-slider-pips .ui-slider-line {
  64 + background: #999;
  65 + width: 1px;
  66 + height: 3px;
  67 + position: absolute;
  68 + left: 50%;
  69 +}
  70 +
  71 +/* the text label postion & size */
  72 +/* it overflows so no need for width to be accurate */
  73 +.ui-slider-pips .ui-slider-label {
  74 + position: absolute;
  75 + top: 5px;
  76 + left: 50%;
  77 + margin-left: -1em;
  78 + width: 2em;
  79 +}
  80 +
  81 +/* make it easy to see when we hover a label */
  82 +.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {
  83 + color: black;
  84 + font-weight: bold;
  85 +}
  86 +
  87 +/* VERTICAL */
  88 +/* vertical slider needs right-margin, not bottom */
  89 +.ui-slider-vertical.ui-slider-pips {
  90 + /* margin-bottom: 1em;
  91 + margin-right: 2em;*/
  92 +}
  93 +
  94 +/* align vertical pips left and to right of the slider */
  95 +.ui-slider-vertical.ui-slider-pips .ui-slider-pip {
  96 + text-align: left;
  97 + top: auto;
  98 + left: 20px;
  99 + margin-left: 0;
  100 + margin-bottom: -0.5em;
  101 +}
  102 +
  103 +/* vertical line/pip should be horizontal instead */
  104 +.ui-slider-vertical.ui-slider-pips .ui-slider-line {
  105 + width: 3px;
  106 + height: 1px;
  107 + position: absolute;
  108 + top: 50%;
  109 + left: 0;
  110 +}
  111 +
  112 +.ui-slider-vertical.ui-slider-pips .ui-slider-label {
  113 + top: 50%;
  114 + left: 0.5em;
  115 + margin-left: 0;
  116 + margin-top: -0.5em;
  117 + width: 2em;
  118 +}
  119 +
  120 +/* FLOATING HORIZTONAL TOOLTIPS */
  121 +/* remove the godawful looking focus outline on handle and float */
  122 +.ui-slider-float .ui-slider-handle:focus,
  123 +.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
  124 +.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
  125 +.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
  126 +.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label
  127 +.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label {
  128 + outline: none;
  129 +}
  130 +
  131 +/* style tooltips on handles and on labels */
  132 +/* also has a nice transition */
  133 +.ui-slider-float .ui-slider-tip,
  134 +.ui-slider-float .ui-slider-tip-label {
  135 + position: absolute;
  136 + visibility: hidden;
  137 + top: -40px;
  138 + display: block;
  139 + width: 34px;
  140 + margin-left: -18px;
  141 + left: 50%;
  142 + height: 20px;
  143 + line-height: 20px;
  144 + background: white;
  145 + border-radius: 3px;
  146 + border: 1px solid #888;
  147 + text-align: center;
  148 + font-size: 12px;
  149 + opacity: 0;
  150 + color: #333;
  151 + -webkit-transition-property: opacity, top, visibility;
  152 + transition-property: opacity, top, visibility;
  153 + -webkit-transition-timing-function: ease-in;
  154 + transition-timing-function: ease-in;
  155 + -webkit-transition-duration: 200ms, 200ms, 0ms;
  156 + transition-duration: 200ms, 200ms, 0ms;
  157 + -webkit-transition-delay: 0ms, 0ms, 200ms;
  158 + transition-delay: 0ms, 0ms, 200ms;
  159 +}
  160 +
  161 +/* show the tooltip on hover or focus */
  162 +/* also switch transition delay around */
  163 +.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
  164 +.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
  165 +.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
  166 +.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
  167 +.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
  168 +.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  169 + opacity: 1;
  170 + top: -30px;
  171 + visibility: visible;
  172 + -webkit-transition-timing-function: ease-out;
  173 + transition-timing-function: ease-out;
  174 + -webkit-transition-delay: 200ms, 200ms, 0ms;
  175 + transition-delay: 200ms, 200ms, 0ms;
  176 +}
  177 +
  178 +/* put label tooltips below slider */
  179 +.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
  180 + top: 42px;
  181 +}
  182 +
  183 +.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  184 + top: 32px;
  185 + font-weight: normal;
  186 +}
  187 +
  188 +/* give the tooltip a css triangle arrow */
  189 +.ui-slider-float .ui-slider-tip:after,
  190 +.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  191 + content: " ";
  192 + width: 0;
  193 + height: 0;
  194 + border: 5px solid rgba(255, 255, 255, 0);
  195 + border-top-color: white;
  196 + position: absolute;
  197 + bottom: -10px;
  198 + left: 50%;
  199 + margin-left: -5px;
  200 +}
  201 +
  202 +/* put a 1px border on the tooltip arrow to match tooltip border */
  203 +.ui-slider-float .ui-slider-tip:before,
  204 +.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  205 + content: " ";
  206 + width: 0;
  207 + height: 0;
  208 + border: 5px solid rgba(255, 255, 255, 0);
  209 + border-top-color: #888;
  210 + position: absolute;
  211 + bottom: -11px;
  212 + left: 50%;
  213 + margin-left: -5px;
  214 +}
  215 +
  216 +/* switch the arrow to top on labels */
  217 +.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  218 + border: 5px solid rgba(255, 255, 255, 0);
  219 + border-bottom-color: white;
  220 + top: -10px;
  221 +}
  222 +
  223 +.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  224 + border: 5px solid rgba(255, 255, 255, 0);
  225 + border-bottom-color: #888;
  226 + top: -11px;
  227 +}
  228 +
  229 +/* FLOATING VERTICAL TOOLTIPS */
  230 +/* tooltip floats to left of handle */
  231 +.ui-slider-vertical.ui-slider-float .ui-slider-tip,
  232 +.ui-slider-vertical.ui-slider-float .ui-slider-tip-label {
  233 + top: 50%;
  234 + margin-top: -11px;
  235 + width: 34px;
  236 + margin-left: 0px;
  237 + left: -60px;
  238 + color: #333;
  239 + -webkit-transition-duration: 200ms, 200ms, 0;
  240 + transition-duration: 200ms, 200ms, 0;
  241 + -webkit-transition-property: opacity, left, visibility;
  242 + transition-property: opacity, left, visibility;
  243 + -webkit-transition-delay: 0, 0, 200ms;
  244 + transition-delay: 0, 0, 200ms;
  245 +}
  246 +
  247 +.ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
  248 +.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
  249 +.ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
  250 +.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
  251 +.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
  252 +.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  253 + top: 50%;
  254 + margin-top: -11px;
  255 + left: -50px;
  256 +}
  257 +
  258 +/* put label tooltips to right of slider */
  259 +.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
  260 + left: 47px;
  261 +}
  262 +
  263 +.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  264 + left: 37px;
  265 +}
  266 +
  267 +/* give the tooltip a css triangle arrow */
  268 +.ui-slider-vertical.ui-slider-float .ui-slider-tip:after,
  269 +.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  270 + border: 5px solid rgba(255, 255, 255, 0);
  271 + border-left-color: white;
  272 + border-top-color: transparent;
  273 + position: absolute;
  274 + bottom: 50%;
  275 + margin-bottom: -5px;
  276 + right: -10px;
  277 + margin-left: 0;
  278 + top: auto;
  279 + left: auto;
  280 +}
  281 +
  282 +.ui-slider-vertical.ui-slider-float .ui-slider-tip:before,
  283 +.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  284 + border: 5px solid rgba(255, 255, 255, 0);
  285 + border-left-color: #888;
  286 + border-top-color: transparent;
  287 + position: absolute;
  288 + bottom: 50%;
  289 + margin-bottom: -5px;
  290 + right: -11px;
  291 + margin-left: 0;
  292 + top: auto;
  293 + left: auto;
  294 +}
  295 +
  296 +.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  297 + border: 5px solid rgba(255, 255, 255, 0);
  298 + border-right-color: white;
  299 + right: auto;
  300 + left: -10px;
  301 +}
  302 +
  303 +.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  304 + border: 5px solid rgba(255, 255, 255, 0);
  305 + border-right-color: #888;
  306 + right: auto;
  307 + left: -11px;
  308 +}
  309 +
  310 +/* SELECTED STATES */
  311 +/* Comment out this chuck of code if you don't want to have
  312 + the new label colours shown */
  313 +.ui-slider-pips [class*=ui-slider-pip-initial] {
  314 + font-weight: bold;
  315 + color: #0095da;
  316 +}
  317 +
  318 +.ui-slider-pips .ui-slider-pip-initial-2 {
  319 + color: #1897C9;
  320 +}
  321 +
  322 +.ui-slider-pips [class*=ui-slider-pip-selected] {
  323 + font-weight: bold;
  324 + color: #000;
  325 +}
  326 +
  327 +.ui-slider-pips .ui-slider-pip-inrange {
  328 + color: black;
  329 +}
  330 +
  331 +.ui-slider-pips .ui-slider-pip-selected-2 {
  332 + color: #E70081;
  333 +}
  334 +
  335 +.ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line,
  336 +.ui-slider-pips .ui-slider-pip-inrange .ui-slider-line {
  337 + background: black;
  338 +}
... ...
400-SOURCECODE/AIAHTML5.Web/themes/default/css/jquery-ui.css 0 → 100644
  View file @cdb4b6e
  1 +/*! jQuery UI - v1.11.4 - 2015-03-11
  2 +* http://jqueryui.com
  3 +* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
  4 +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
  5 +* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
  6 +
  7 +/* Layout helpers
  8 +----------------------------------*/
  9 +
  10 +
  11 +
  12 +.ui-helper-hidden {
  13 + display: none;
  14 +}
  15 +.ui-helper-hidden-accessible {
  16 + border: 0;
  17 + clip: rect(0 0 0 0);
  18 + height: 1px;
  19 + margin: -1px;
  20 + overflow: hidden;
  21 + padding: 0;
  22 + position: absolute;
  23 + width: 1px;
  24 +}
  25 +.ui-helper-reset {
  26 + margin: 0;
  27 + padding: 0;
  28 + border: 0;
  29 + outline: 0;
  30 + line-height: 1.3;
  31 + text-decoration: none;
  32 + font-size: 100%;
  33 + list-style: none;
  34 +}
  35 +.ui-helper-clearfix:before,
  36 +.ui-helper-clearfix:after {
  37 + content: "";
  38 + display: table;
  39 + border-collapse: collapse;
  40 +}
  41 +.ui-helper-clearfix:after {
  42 + clear: both;
  43 +}
  44 +.ui-helper-clearfix {
  45 + min-height: 0; /* support: IE7 */
  46 +}
  47 +.ui-helper-zfix {
  48 + width: 100%;
  49 + height: 100%;
  50 + top: 0;
  51 + left: 0;
  52 + position: absolute;
  53 + opacity: 0;
  54 + filter:Alpha(Opacity=0); /* support: IE8 */
  55 +}
  56 +
  57 +.ui-front {
  58 + z-index: 100;
  59 +}
  60 +
  61 +
  62 +/* Interaction Cues
  63 +----------------------------------*/
  64 +.ui-state-disabled {
  65 + cursor: default !important;
  66 +}
  67 +
  68 +
  69 +/* Icons
  70 +----------------------------------*/
  71 +
  72 +/* states and images */
  73 +.ui-icon {
  74 + display: block;
  75 + text-indent: -99999px;
  76 + overflow: hidden;
  77 + background-repeat: no-repeat;
  78 +}
  79 +
  80 +
  81 +/* Misc visuals
  82 +----------------------------------*/
  83 +
  84 +/* Overlays */
  85 +.ui-widget-overlay {
  86 + position: fixed;
  87 + top: 0;
  88 + left: 0;
  89 + width: 100%;
  90 + height: 100%;
  91 +}
  92 +.ui-accordion .ui-accordion-header {
  93 + display: block;
  94 + cursor: pointer;
  95 + position: relative;
  96 + margin: 2px 0 0 0;
  97 + padding: .5em .5em .5em .7em;
  98 + min-height: 0; /* support: IE7 */
  99 + font-size: 100%;
  100 +}
  101 +.ui-accordion .ui-accordion-icons {
  102 + padding-left: 2.2em;
  103 +}
  104 +.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  105 + padding-left: 2.2em;
  106 +}
  107 +.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  108 + position: absolute;
  109 + left: .5em;
  110 + top: 50%;
  111 + margin-top: -8px;
  112 +}
  113 +.ui-accordion .ui-accordion-content {
  114 + padding: 1em 2.2em;
  115 + border-top: 0;
  116 + overflow: auto;
  117 +}
  118 +.ui-autocomplete {
  119 + position: absolute;
  120 + top: 0;
  121 + left: 0;
  122 + cursor: default;
  123 +}
  124 +.ui-button {
  125 + display: inline-block;
  126 + position: relative;
  127 + padding: 0;
  128 + line-height: normal;
  129 + margin-right: .1em;
  130 + cursor: pointer;
  131 + vertical-align: middle;
  132 + text-align: center;
  133 + overflow: visible; /* removes extra width in IE */
  134 +}
  135 +.ui-button,
  136 +.ui-button:link,
  137 +.ui-button:visited,
  138 +.ui-button:hover,
  139 +.ui-button:active {
  140 + text-decoration: none;
  141 +}
  142 +/* to make room for the icon, a width needs to be set here */
  143 +.ui-button-icon-only {
  144 + width: 2.2em;
  145 +}
  146 +/* button elements seem to need a little more width */
  147 +button.ui-button-icon-only {
  148 + width: 2.4em;
  149 +}
  150 +.ui-button-icons-only {
  151 + width: 3.4em;
  152 +}
  153 +button.ui-button-icons-only {
  154 + width: 3.7em;
  155 +}
  156 +
  157 +/* button text element */
  158 +.ui-button .ui-button-text {
  159 + display: block;
  160 + line-height: normal;
  161 +}
  162 +.ui-button-text-only .ui-button-text {
  163 + padding: .4em 1em;
  164 +}
  165 +.ui-button-icon-only .ui-button-text,
  166 +.ui-button-icons-only .ui-button-text {
  167 + padding: .4em;
  168 + text-indent: -9999999px;
  169 +}
  170 +.ui-button-text-icon-primary .ui-button-text,
  171 +.ui-button-text-icons .ui-button-text {
  172 + padding: .4em 1em .4em 2.1em;
  173 +}
  174 +.ui-button-text-icon-secondary .ui-button-text,
  175 +.ui-button-text-icons .ui-button-text {
  176 + padding: .4em 2.1em .4em 1em;
  177 +}
  178 +.ui-button-text-icons .ui-button-text {
  179 + padding-left: 2.1em;
  180 + padding-right: 2.1em;
  181 +}
  182 +/* no icon support for input elements, provide padding by default */
  183 +input.ui-button {
  184 + padding: .4em 1em;
  185 +}
  186 +
  187 +/* button icon element(s) */
  188 +.ui-button-icon-only .ui-icon,
  189 +.ui-button-text-icon-primary .ui-icon,
  190 +.ui-button-text-icon-secondary .ui-icon,
  191 +.ui-button-text-icons .ui-icon,
  192 +.ui-button-icons-only .ui-icon {
  193 + position: absolute;
  194 + top: 50%;
  195 + margin-top: -8px;
  196 +}
  197 +.ui-button-icon-only .ui-icon {
  198 + left: 50%;
  199 + margin-left: -8px;
  200 +}
  201 +.ui-button-text-icon-primary .ui-button-icon-primary,
  202 +.ui-button-text-icons .ui-button-icon-primary,
  203 +.ui-button-icons-only .ui-button-icon-primary {
  204 + left: .5em;
  205 +}
  206 +.ui-button-text-icon-secondary .ui-button-icon-secondary,
  207 +.ui-button-text-icons .ui-button-icon-secondary,
  208 +.ui-button-icons-only .ui-button-icon-secondary {
  209 + right: .5em;
  210 +}
  211 +
  212 +/* button sets */
  213 +.ui-buttonset {
  214 + margin-right: 7px;
  215 +}
  216 +.ui-buttonset .ui-button {
  217 + margin-left: 0;
  218 + margin-right: -.3em;
  219 +}
  220 +
  221 +/* workarounds */
  222 +/* reset extra padding in Firefox, see h5bp.com/l */
  223 +input.ui-button::-moz-focus-inner,
  224 +button.ui-button::-moz-focus-inner {
  225 + border: 0;
  226 + padding: 0;
  227 +}
  228 +.ui-datepicker {
  229 + width: 17em;
  230 + padding: .2em .2em 0;
  231 + display: none;
  232 +}
  233 +.ui-datepicker .ui-datepicker-header {
  234 + position: relative;
  235 + padding: .2em 0;
  236 +}
  237 +.ui-datepicker .ui-datepicker-prev,
  238 +.ui-datepicker .ui-datepicker-next {
  239 + position: absolute;
  240 + top: 2px;
  241 + width: 1.8em;
  242 + height: 1.8em;
  243 +}
  244 +.ui-datepicker .ui-datepicker-prev-hover,
  245 +.ui-datepicker .ui-datepicker-next-hover {
  246 + top: 1px;
  247 +}
  248 +.ui-datepicker .ui-datepicker-prev {
  249 + left: 2px;
  250 +}
  251 +.ui-datepicker .ui-datepicker-next {
  252 + right: 2px;
  253 +}
  254 +.ui-datepicker .ui-datepicker-prev-hover {
  255 + left: 1px;
  256 +}
  257 +.ui-datepicker .ui-datepicker-next-hover {
  258 + right: 1px;
  259 +}
  260 +.ui-datepicker .ui-datepicker-prev span,
  261 +.ui-datepicker .ui-datepicker-next span {
  262 + display: block;
  263 + position: absolute;
  264 + left: 50%;
  265 + margin-left: -8px;
  266 + top: 50%;
  267 + margin-top: -8px;
  268 +}
  269 +.ui-datepicker .ui-datepicker-title {
  270 + margin: 0 2.3em;
  271 + line-height: 1.8em;
  272 + text-align: center;
  273 +}
  274 +.ui-datepicker .ui-datepicker-title select {
  275 + font-size: 1em;
  276 + margin: 1px 0;
  277 +}
  278 +.ui-datepicker select.ui-datepicker-month,
  279 +.ui-datepicker select.ui-datepicker-year {
  280 + width: 45%;
  281 +}
  282 +.ui-datepicker table {
  283 + width: 100%;
  284 + font-size: .9em;
  285 + border-collapse: collapse;
  286 + margin: 0 0 .4em;
  287 +}
  288 +.ui-datepicker th {
  289 + padding: .7em .3em;
  290 + text-align: center;
  291 + font-weight: bold;
  292 + border: 0;
  293 +}
  294 +.ui-datepicker td {
  295 + border: 0;
  296 + padding: 1px;
  297 +}
  298 +.ui-datepicker td span,
  299 +.ui-datepicker td a {
  300 + display: block;
  301 + padding: .2em;
  302 + text-align: right;
  303 + text-decoration: none;
  304 +}
  305 +.ui-datepicker .ui-datepicker-buttonpane {
  306 + background-image: none;
  307 + margin: .7em 0 0 0;
  308 + padding: 0 .2em;
  309 + border-left: 0;
  310 + border-right: 0;
  311 + border-bottom: 0;
  312 +}
  313 +.ui-datepicker .ui-datepicker-buttonpane button {
  314 + float: right;
  315 + margin: .5em .2em .4em;
  316 + cursor: pointer;
  317 + padding: .2em .6em .3em .6em;
  318 + width: auto;
  319 + overflow: visible;
  320 +}
  321 +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  322 + float: left;
  323 +}
  324 +
  325 +/* with multiple calendars */
  326 +.ui-datepicker.ui-datepicker-multi {
  327 + width: auto;
  328 +}
  329 +.ui-datepicker-multi .ui-datepicker-group {
  330 + float: left;
  331 +}
  332 +.ui-datepicker-multi .ui-datepicker-group table {
  333 + width: 95%;
  334 + margin: 0 auto .4em;
  335 +}
  336 +.ui-datepicker-multi-2 .ui-datepicker-group {
  337 + width: 50%;
  338 +}
  339 +.ui-datepicker-multi-3 .ui-datepicker-group {
  340 + width: 33.3%;
  341 +}
  342 +.ui-datepicker-multi-4 .ui-datepicker-group {
  343 + width: 25%;
  344 +}
  345 +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
  346 +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  347 + border-left-width: 0;
  348 +}
  349 +.ui-datepicker-multi .ui-datepicker-buttonpane {
  350 + clear: left;
  351 +}
  352 +.ui-datepicker-row-break {
  353 + clear: both;
  354 + width: 100%;
  355 + font-size: 0;
  356 +}
  357 +
  358 +/* RTL support */
  359 +.ui-datepicker-rtl {
  360 + direction: rtl;
  361 +}
  362 +.ui-datepicker-rtl .ui-datepicker-prev {
  363 + right: 2px;
  364 + left: auto;
  365 +}
  366 +.ui-datepicker-rtl .ui-datepicker-next {
  367 + left: 2px;
  368 + right: auto;
  369 +}
  370 +.ui-datepicker-rtl .ui-datepicker-prev:hover {
  371 + right: 1px;
  372 + left: auto;
  373 +}
  374 +.ui-datepicker-rtl .ui-datepicker-next:hover {
  375 + left: 1px;
  376 + right: auto;
  377 +}
  378 +.ui-datepicker-rtl .ui-datepicker-buttonpane {
  379 + clear: right;
  380 +}
  381 +.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  382 + float: left;
  383 +}
  384 +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
  385 +.ui-datepicker-rtl .ui-datepicker-group {
  386 + float: right;
  387 +}
  388 +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
  389 +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  390 + border-right-width: 0;
  391 + border-left-width: 1px;
  392 +}
  393 +.ui-dialog {
  394 + overflow: hidden;
  395 + position: absolute;
  396 + top: 0;
  397 + left: 0;
  398 + padding: .2em;
  399 + outline: 0;
  400 +}
  401 +.ui-dialog .ui-dialog-titlebar {
  402 + padding: .4em 1em;
  403 + position: relative;
  404 +}
  405 +.ui-dialog .ui-dialog-title {
  406 + float: left;
  407 + margin: .1em 0;
  408 + white-space: nowrap;
  409 + width: 90%;
  410 + overflow: hidden;
  411 + text-overflow: ellipsis;
  412 +}
  413 +.ui-dialog .ui-dialog-titlebar-close {
  414 + position: absolute;
  415 + right: .3em;
  416 + top: 50%;
  417 + width: 20px;
  418 + margin: -10px 0 0 0;
  419 + padding: 1px;
  420 + height: 20px;
  421 +}
  422 +.ui-dialog .ui-dialog-content {
  423 + position: relative;
  424 + border: 0;
  425 + padding: .5em 1em;
  426 + background: none;
  427 + overflow: auto;
  428 +}
  429 +.ui-dialog .ui-dialog-buttonpane {
  430 + text-align: left;
  431 + border-width: 1px 0 0 0;
  432 + background-image: none;
  433 + margin-top: .5em;
  434 + padding: .3em 1em .5em .4em;
  435 +}
  436 +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  437 + float: right;
  438 +}
  439 +.ui-dialog .ui-dialog-buttonpane button {
  440 + margin: .5em .4em .5em 0;
  441 + cursor: pointer;
  442 +}
  443 +.ui-dialog .ui-resizable-se {
  444 + width: 12px;
  445 + height: 12px;
  446 + right: -5px;
  447 + bottom: -5px;
  448 + background-position: 16px 16px;
  449 +}
  450 +.ui-draggable .ui-dialog-titlebar {
  451 + cursor: move;
  452 +}
  453 +.ui-draggable-handle {
  454 + -ms-touch-action: none;
  455 + touch-action: none;
  456 +}
  457 +.ui-menu {
  458 + list-style: none;
  459 + padding: 0;
  460 + margin: 0;
  461 + display: block;
  462 + outline: none;
  463 +}
  464 +.ui-menu .ui-menu {
  465 + position: absolute;
  466 +}
  467 +.ui-menu .ui-menu-item {
  468 + position: relative;
  469 + margin: 0;
  470 + padding: 3px 1em 3px .4em;
  471 + cursor: pointer;
  472 + min-height: 0; /* support: IE7 */
  473 + /* support: IE10, see #8844 */
  474 + list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  475 +}
  476 +.ui-menu .ui-menu-divider {
  477 + margin: 5px 0;
  478 + height: 0;
  479 + font-size: 0;
  480 + line-height: 0;
  481 + border-width: 1px 0 0 0;
  482 +}
  483 +.ui-menu .ui-state-focus,
  484 +.ui-menu .ui-state-active {
  485 + margin: -1px;
  486 +}
  487 +
  488 +/* icon support */
  489 +.ui-menu-icons {
  490 + position: relative;
  491 +}
  492 +.ui-menu-icons .ui-menu-item {
  493 + padding-left: 2em;
  494 +}
  495 +
  496 +/* left-aligned */
  497 +.ui-menu .ui-icon {
  498 + position: absolute;
  499 + top: 0;
  500 + bottom: 0;
  501 + left: .2em;
  502 + margin: auto 0;
  503 +}
  504 +
  505 +/* right-aligned */
  506 +.ui-menu .ui-menu-icon {
  507 + left: auto;
  508 + right: 0;
  509 +}
  510 +.ui-progressbar {
  511 + height: 2em;
  512 + text-align: left;
  513 + overflow: hidden;
  514 +}
  515 +.ui-progressbar .ui-progressbar-value {
  516 + margin: -1px;
  517 + height: 100%;
  518 +}
  519 +.ui-progressbar .ui-progressbar-overlay {
  520 + background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  521 + height: 100%;
  522 + filter: alpha(opacity=25); /* support: IE8 */
  523 + opacity: 0.25;
  524 +}
  525 +.ui-progressbar-indeterminate .ui-progressbar-value {
  526 + background-image: none;
  527 +}
  528 +.ui-resizable {
  529 + position: relative;
  530 +}
  531 +.ui-resizable-handle {
  532 + position: absolute;
  533 + font-size: 0.1px;
  534 + display: block;
  535 + -ms-touch-action: none;
  536 + touch-action: none;
  537 +}
  538 +.ui-resizable-disabled .ui-resizable-handle,
  539 +.ui-resizable-autohide .ui-resizable-handle {
  540 + display: none;
  541 +}
  542 +.ui-resizable-n {
  543 + cursor: n-resize;
  544 + height: 7px;
  545 + width: 100%;
  546 + top: -5px;
  547 + left: 0;
  548 +}
  549 +.ui-resizable-s {
  550 + cursor: s-resize;
  551 + height: 7px;
  552 + width: 100%;
  553 + bottom: -5px;
  554 + left: 0;
  555 +}
  556 +.ui-resizable-e {
  557 + cursor: e-resize;
  558 + width: 7px;
  559 + right: -5px;
  560 + top: 0;
  561 + height: 100%;
  562 +}
  563 +.ui-resizable-w {
  564 + cursor: w-resize;
  565 + width: 7px;
  566 + left: -5px;
  567 + top: 0;
  568 + height: 100%;
  569 +}
  570 +.ui-resizable-se {
  571 + cursor: se-resize;
  572 + width: 12px;
  573 + height: 12px;
  574 + right: 1px;
  575 + bottom: 1px;
  576 +}
  577 +.ui-resizable-sw {
  578 + cursor: sw-resize;
  579 + width: 9px;
  580 + height: 9px;
  581 + left: -5px;
  582 + bottom: -5px;
  583 +}
  584 +.ui-resizable-nw {
  585 + cursor: nw-resize;
  586 + width: 9px;
  587 + height: 9px;
  588 + left: -5px;
  589 + top: -5px;
  590 +}
  591 +.ui-resizable-ne {
  592 + cursor: ne-resize;
  593 + width: 9px;
  594 + height: 9px;
  595 + right: -5px;
  596 + top: -5px;
  597 +}
  598 +.ui-selectable {
  599 + -ms-touch-action: none;
  600 + touch-action: none;
  601 +}
  602 +.ui-selectable-helper {
  603 + position: absolute;
  604 + z-index: 100;
  605 + border: 1px dotted black;
  606 +}
  607 +.ui-selectmenu-menu {
  608 + padding: 0;
  609 + margin: 0;
  610 + position: absolute;
  611 + top: 0;
  612 + left: 0;
  613 + display: none;
  614 +}
  615 +.ui-selectmenu-menu .ui-menu {
  616 + overflow: auto;
  617 + /* Support: IE7 */
  618 + overflow-x: hidden;
  619 + padding-bottom: 1px;
  620 +}
  621 +.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  622 + font-size: 1em;
  623 + font-weight: bold;
  624 + line-height: 1.5;
  625 + padding: 2px 0.4em;
  626 + margin: 0.5em 0 0 0;
  627 + height: auto;
  628 + border: 0;
  629 +}
  630 +.ui-selectmenu-open {
  631 + display: block;
  632 +}
  633 +.ui-selectmenu-button {
  634 + display: inline-block;
  635 + overflow: hidden;
  636 + position: relative;
  637 + text-decoration: none;
  638 + cursor: pointer;
  639 +}
  640 +.ui-selectmenu-button span.ui-icon {
  641 + right: 0.5em;
  642 + left: auto;
  643 + margin-top: -8px;
  644 + position: absolute;
  645 + top: 50%;
  646 +}
  647 +.ui-selectmenu-button span.ui-selectmenu-text {
  648 + text-align: left;
  649 + padding: 0.4em 2.1em 0.4em 1em;
  650 + display: block;
  651 + line-height: 1.4;
  652 + overflow: hidden;
  653 + text-overflow: ellipsis;
  654 + white-space: nowrap;
  655 +}
  656 +.ui-slider {
  657 + position: relative;
  658 + text-align: left;
  659 +}
  660 +.ui-slider .ui-slider-handle {
  661 + position: absolute;
  662 + z-index: 2;
  663 + width: 1.2em;
  664 + height: 1.2em;
  665 + cursor: default;
  666 + -ms-touch-action: none;
  667 + touch-action: none;
  668 +}
  669 +.ui-slider .ui-slider-range {
  670 + position: absolute;
  671 + z-index: 1;
  672 + font-size: .7em;
  673 + display: block;
  674 + border: 0;
  675 + background-position: 0 0;
  676 +}
  677 +
  678 +/* support: IE8 - See #6727 */
  679 +.ui-slider.ui-state-disabled .ui-slider-handle,
  680 +.ui-slider.ui-state-disabled .ui-slider-range {
  681 + filter: inherit;
  682 +}
  683 +
  684 +.ui-slider-horizontal {
  685 + height: .8em;
  686 +}
  687 +.ui-slider-horizontal .ui-slider-handle {
  688 + top: -.3em;
  689 + margin-left: -.6em;
  690 +}
  691 +.ui-slider-horizontal .ui-slider-range {
  692 + top: 0;
  693 + height: 100%;
  694 +}
  695 +.ui-slider-horizontal .ui-slider-range-min {
  696 + left: 0;
  697 +}
  698 +.ui-slider-horizontal .ui-slider-range-max {
  699 + right: 0;
  700 +}
  701 +
  702 +.ui-slider-vertical {
  703 + width: .8em;
  704 + height: 100px;
  705 +}
  706 +.ui-slider-vertical .ui-slider-handle {
  707 + left: -.3em;
  708 + margin-left: 0;
  709 + margin-bottom: -.6em;
  710 +}
  711 +.ui-slider-vertical .ui-slider-range {
  712 + left: 0;
  713 + width: 100%;
  714 +}
  715 +.ui-slider-vertical .ui-slider-range-min {
  716 + bottom: 0;
  717 +}
  718 +.ui-slider-vertical .ui-slider-range-max {
  719 + top: 0;
  720 +}
  721 +.ui-sortable-handle {
  722 + -ms-touch-action: none;
  723 + touch-action: none;
  724 +}
  725 +.ui-spinner {
  726 + position: relative;
  727 + display: inline-block;
  728 + overflow: hidden;
  729 + padding: 0;
  730 + vertical-align: middle;
  731 +}
  732 +.ui-spinner-input {
  733 + border: none;
  734 + background: none;
  735 + color: inherit;
  736 + padding: 0;
  737 + margin: .2em 0;
  738 + vertical-align: middle;
  739 + margin-left: .4em;
  740 + margin-right: 22px;
  741 +}
  742 +.ui-spinner-button {
  743 + width: 16px;
  744 + height: 50%;
  745 + font-size: .5em;
  746 + padding: 0;
  747 + margin: 0;
  748 + text-align: center;
  749 + position: absolute;
  750 + cursor: default;
  751 + display: block;
  752 + overflow: hidden;
  753 + right: 0;
  754 +}
  755 +/* more specificity required here to override default borders */
  756 +.ui-spinner a.ui-spinner-button {
  757 + border-top: none;
  758 + border-bottom: none;
  759 + border-right: none;
  760 +}
  761 +/* vertically center icon */
  762 +.ui-spinner .ui-icon {
  763 + position: absolute;
  764 + margin-top: -8px;
  765 + top: 50%;
  766 + left: 0;
  767 +}
  768 +.ui-spinner-up {
  769 + top: 0;
  770 +}
  771 +.ui-spinner-down {
  772 + bottom: 0;
  773 +}
  774 +
  775 +/* TR overrides */
  776 +.ui-spinner .ui-icon-triangle-1-s {
  777 + /* need to fix icons sprite */
  778 + background-position: -65px -16px;
  779 +}
  780 +.ui-tabs {
  781 + position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  782 + padding: .2em;
  783 +}
  784 +.ui-tabs .ui-tabs-nav {
  785 + margin: 0;
  786 + padding: .2em .2em 0;
  787 +}
  788 +.ui-tabs .ui-tabs-nav li {
  789 + list-style: none;
  790 + float: left;
  791 + position: relative;
  792 + top: 0;
  793 + margin: 1px .2em 0 0;
  794 + border-bottom-width: 0;
  795 + padding: 0;
  796 + white-space: nowrap;
  797 +}
  798 +.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  799 + float: left;
  800 + padding: .5em 1em;
  801 + text-decoration: none;
  802 +}
  803 +.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  804 + margin-bottom: -1px;
  805 + padding-bottom: 1px;
  806 +}
  807 +.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
  808 +.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
  809 +.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  810 + cursor: text;
  811 +}
  812 +.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  813 + cursor: pointer;
  814 +}
  815 +.ui-tabs .ui-tabs-panel {
  816 + display: block;
  817 + border-width: 0;
  818 + padding: 1em 1.4em;
  819 + background: none;
  820 +}
  821 +.ui-tooltip {
  822 + padding: 7px;
  823 + position: absolute;
  824 + z-index: 9999;
  825 + max-width: 300px;
  826 + -webkit-box-shadow: 0 0 5px #aaa;
  827 + box-shadow: 0 0 5px #aaa;
  828 + font-size:11px!important;
  829 + background:#333!important; color:#fff!important;
  830 + border:1px solid #000!important;
  831 +}
  832 +body .ui-tooltip {
  833 + border-width: 1px;
  834 +}
  835 +
  836 +/* Component containers
  837 +----------------------------------*/
  838 +.ui-widget {
  839 + font-family: Verdana,Arial,sans-serif;
  840 + font-size: 1.1em;
  841 +}
  842 +.ui-widget .ui-widget {
  843 + font-size: 1em;
  844 +}
  845 +.ui-widget input,
  846 +.ui-widget select,
  847 +.ui-widget textarea,
  848 +.ui-widget button {
  849 + font-family: Verdana,Arial,sans-serif;
  850 + font-size: 1em;
  851 +}
  852 +.ui-widget-content {
  853 + border: 1px solid #007ab3;
  854 + background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  855 + color: #222222;
  856 +}
  857 +.ui-widget-content a {
  858 + color: #222222;
  859 +}
  860 +.ui-widget-header {
  861 + border: 1px solid #007ab3;
  862 + background: #0095da;
  863 + color: #222222;
  864 + font-weight: bold;
  865 +}
  866 +.ui-widget-header a {
  867 + color: #222222;
  868 +}
  869 +
  870 +/* Interaction states
  871 +----------------------------------*/
  872 +.ui-state-default,
  873 +.ui-widget-content .ui-state-default,
  874 +.ui-widget-header .ui-state-default {
  875 + border: 1px solid #d6d6d6;
  876 + background: #fff;
  877 + font-weight: normal;
  878 + color: #555555;
  879 +}
  880 +.ui-state-default a,
  881 +.ui-state-default a:link,
  882 +.ui-state-default a:visited {
  883 + color: #555555;
  884 + text-decoration: none;
  885 +}
  886 +.ui-state-hover,
  887 +.ui-widget-content .ui-state-hover,
  888 +.ui-widget-header .ui-state-hover,
  889 +.ui-state-focus,
  890 +.ui-widget-content .ui-state-focus,
  891 +.ui-widget-header .ui-state-focus {
  892 + border: 1px solid #999999;
  893 + background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  894 + font-weight: normal;
  895 + color: #212121;
  896 +}
  897 +.ui-state-hover a,
  898 +.ui-state-hover a:hover,
  899 +.ui-state-hover a:link,
  900 +.ui-state-hover a:visited,
  901 +.ui-state-focus a,
  902 +.ui-state-focus a:hover,
  903 +.ui-state-focus a:link,
  904 +.ui-state-focus a:visited {
  905 + color: #212121;
  906 + text-decoration: none;
  907 +}
  908 +.ui-state-active,
  909 +.ui-widget-content .ui-state-active,
  910 +.ui-widget-header .ui-state-active {
  911 + border: 1px solid #aaaaaa;
  912 + background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  913 + font-weight: normal;
  914 + color: #212121;
  915 +}
  916 +.ui-state-active a,
  917 +.ui-state-active a:link,
  918 +.ui-state-active a:visited {
  919 + color: #212121;
  920 + text-decoration: none;
  921 +}
  922 +
  923 +/* Interaction Cues
  924 +----------------------------------*/
  925 +.ui-state-highlight,
  926 +.ui-widget-content .ui-state-highlight,
  927 +.ui-widget-header .ui-state-highlight {
  928 + border: 1px solid #fcefa1;
  929 + background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  930 + color: #363636;
  931 +}
  932 +.ui-state-highlight a,
  933 +.ui-widget-content .ui-state-highlight a,
  934 +.ui-widget-header .ui-state-highlight a {
  935 + color: #363636;
  936 +}
  937 +.ui-state-error,
  938 +.ui-widget-content .ui-state-error,
  939 +.ui-widget-header .ui-state-error {
  940 + border: 1px solid #cd0a0a;
  941 + background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  942 + color: #cd0a0a;
  943 +}
  944 +.ui-state-error a,
  945 +.ui-widget-content .ui-state-error a,
  946 +.ui-widget-header .ui-state-error a {
  947 + color: #cd0a0a;
  948 +}
  949 +.ui-state-error-text,
  950 +.ui-widget-content .ui-state-error-text,
  951 +.ui-widget-header .ui-state-error-text {
  952 + color: #cd0a0a;
  953 +}
  954 +.ui-priority-primary,
  955 +.ui-widget-content .ui-priority-primary,
  956 +.ui-widget-header .ui-priority-primary {
  957 + font-weight: bold;
  958 +}
  959 +.ui-priority-secondary,
  960 +.ui-widget-content .ui-priority-secondary,
  961 +.ui-widget-header .ui-priority-secondary {
  962 + opacity: .7;
  963 + filter:Alpha(Opacity=70); /* support: IE8 */
  964 + font-weight: normal;
  965 +}
  966 +.ui-state-disabled,
  967 +.ui-widget-content .ui-state-disabled,
  968 +.ui-widget-header .ui-state-disabled {
  969 + opacity: .35;
  970 + filter:Alpha(Opacity=35); /* support: IE8 */
  971 + background-image: none;
  972 +}
  973 +.ui-state-disabled .ui-icon {
  974 + filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
  975 +}
  976 +
  977 +/* Icons
  978 +----------------------------------*/
  979 +
  980 +/* states and images */
  981 +.ui-icon {
  982 + width: 16px;
  983 + height: 16px;
  984 +}
  985 +.ui-icon,
  986 +.ui-widget-content .ui-icon {
  987 + background-image: url("images/ui-icons_222222_256x240.png");
  988 +}
  989 +.ui-widget-header .ui-icon {
  990 + background-image: url("images/ui-icons_222222_256x240.png");
  991 +}
  992 +.ui-state-default .ui-icon {
  993 + background-image: url("images/ui-icons_888888_256x240.png");
  994 +}
  995 +.ui-state-hover .ui-icon,
  996 +.ui-state-focus .ui-icon {
  997 + background-image: url("images/ui-icons_454545_256x240.png");
  998 +}
  999 +.ui-state-active .ui-icon {
  1000 + background-image: url("images/ui-icons_454545_256x240.png");
  1001 +}
  1002 +.ui-state-highlight .ui-icon {
  1003 + background-image: url("images/ui-icons_2e83ff_256x240.png");
  1004 +}
  1005 +.ui-state-error .ui-icon,
  1006 +.ui-state-error-text .ui-icon {
  1007 + background-image: url("images/ui-icons_cd0a0a_256x240.png");
  1008 +}
  1009 +
  1010 +/* positioning */
  1011 +.ui-icon-blank { background-position: 16px 16px; }
  1012 +.ui-icon-carat-1-n { background-position: 0 0; }
  1013 +.ui-icon-carat-1-ne { background-position: -16px 0; }
  1014 +.ui-icon-carat-1-e { background-position: -32px 0; }
  1015 +.ui-icon-carat-1-se { background-position: -48px 0; }
  1016 +.ui-icon-carat-1-s { background-position: -64px 0; }
  1017 +.ui-icon-carat-1-sw { background-position: -80px 0; }
  1018 +.ui-icon-carat-1-w { background-position: -96px 0; }
  1019 +.ui-icon-carat-1-nw { background-position: -112px 0; }
  1020 +.ui-icon-carat-2-n-s { background-position: -128px 0; }
  1021 +.ui-icon-carat-2-e-w { background-position: -144px 0; }
  1022 +.ui-icon-triangle-1-n { background-position: 0 -16px; }
  1023 +.ui-icon-triangle-1-ne { background-position: -16px -16px; }
  1024 +.ui-icon-triangle-1-e { background-position: -32px -16px; }
  1025 +.ui-icon-triangle-1-se { background-position: -48px -16px; }
  1026 +.ui-icon-triangle-1-s { background-position: -64px -16px; }
  1027 +.ui-icon-triangle-1-sw { background-position: -80px -16px; }
  1028 +.ui-icon-triangle-1-w { background-position: -96px -16px; }
  1029 +.ui-icon-triangle-1-nw { background-position: -112px -16px; }
  1030 +.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
  1031 +.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
  1032 +.ui-icon-arrow-1-n { background-position: 0 -32px; }
  1033 +.ui-icon-arrow-1-ne { background-position: -16px -32px; }
  1034 +.ui-icon-arrow-1-e { background-position: -32px -32px; }
  1035 +.ui-icon-arrow-1-se { background-position: -48px -32px; }
  1036 +.ui-icon-arrow-1-s { background-position: -64px -32px; }
  1037 +.ui-icon-arrow-1-sw { background-position: -80px -32px; }
  1038 +.ui-icon-arrow-1-w { background-position: -96px -32px; }
  1039 +.ui-icon-arrow-1-nw { background-position: -112px -32px; }
  1040 +.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
  1041 +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
  1042 +.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
  1043 +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
  1044 +.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
  1045 +.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
  1046 +.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
  1047 +.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
  1048 +.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
  1049 +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
  1050 +.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
  1051 +.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
  1052 +.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
  1053 +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
  1054 +.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
  1055 +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
  1056 +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
  1057 +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
  1058 +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
  1059 +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
  1060 +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
  1061 +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
  1062 +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
  1063 +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
  1064 +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
  1065 +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
  1066 +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
  1067 +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
  1068 +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
  1069 +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
  1070 +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
  1071 +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
  1072 +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
  1073 +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
  1074 +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
  1075 +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
  1076 +.ui-icon-arrow-4 { background-position: 0 -80px; }
  1077 +.ui-icon-arrow-4-diag { background-position: -16px -80px; }
  1078 +.ui-icon-extlink { background-position: -32px -80px; }
  1079 +.ui-icon-newwin { background-position: -48px -80px; }
  1080 +.ui-icon-refresh { background-position: -64px -80px; }
  1081 +.ui-icon-shuffle { background-position: -80px -80px; }
  1082 +.ui-icon-transfer-e-w { background-position: -96px -80px; }
  1083 +.ui-icon-transferthick-e-w { background-position: -112px -80px; }
  1084 +.ui-icon-folder-collapsed { background-position: 0 -96px; }
  1085 +.ui-icon-folder-open { background-position: -16px -96px; }
  1086 +.ui-icon-document { background-position: -32px -96px; }
  1087 +.ui-icon-document-b { background-position: -48px -96px; }
  1088 +.ui-icon-note { background-position: -64px -96px; }
  1089 +.ui-icon-mail-closed { background-position: -80px -96px; }
  1090 +.ui-icon-mail-open { background-position: -96px -96px; }
  1091 +.ui-icon-suitcase { background-position: -112px -96px; }
  1092 +.ui-icon-comment { background-position: -128px -96px; }
  1093 +.ui-icon-person { background-position: -144px -96px; }
  1094 +.ui-icon-print { background-position: -160px -96px; }
  1095 +.ui-icon-trash { background-position: -176px -96px; }
  1096 +.ui-icon-locked { background-position: -192px -96px; }
  1097 +.ui-icon-unlocked { background-position: -208px -96px; }
  1098 +.ui-icon-bookmark { background-position: -224px -96px; }
  1099 +.ui-icon-tag { background-position: -240px -96px; }
  1100 +.ui-icon-home { background-position: 0 -112px; }
  1101 +.ui-icon-flag { background-position: -16px -112px; }
  1102 +.ui-icon-calendar { background-position: -32px -112px; }
  1103 +.ui-icon-cart { background-position: -48px -112px; }
  1104 +.ui-icon-pencil { background-position: -64px -112px; }
  1105 +.ui-icon-clock { background-position: -80px -112px; }
  1106 +.ui-icon-disk { background-position: -96px -112px; }
  1107 +.ui-icon-calculator { background-position: -112px -112px; }
  1108 +.ui-icon-zoomin { background-position: -128px -112px; }
  1109 +.ui-icon-zoomout { background-position: -144px -112px; }
  1110 +.ui-icon-search { background-position: -160px -112px; }
  1111 +.ui-icon-wrench { background-position: -176px -112px; }
  1112 +.ui-icon-gear { background-position: -192px -112px; }
  1113 +.ui-icon-heart { background-position: -208px -112px; }
  1114 +.ui-icon-star { background-position: -224px -112px; }
  1115 +.ui-icon-link { background-position: -240px -112px; }
  1116 +.ui-icon-cancel { background-position: 0 -128px; }
  1117 +.ui-icon-plus { background-position: -16px -128px; }
  1118 +.ui-icon-plusthick { background-position: -32px -128px; }
  1119 +.ui-icon-minus { background-position: -48px -128px; }
  1120 +.ui-icon-minusthick { background-position: -64px -128px; }
  1121 +.ui-icon-close { background-position: -80px -128px; }
  1122 +.ui-icon-closethick { background-position: -96px -128px; }
  1123 +.ui-icon-key { background-position: -112px -128px; }
  1124 +.ui-icon-lightbulb { background-position: -128px -128px; }
  1125 +.ui-icon-scissors { background-position: -144px -128px; }
  1126 +.ui-icon-clipboard { background-position: -160px -128px; }
  1127 +.ui-icon-copy { background-position: -176px -128px; }
  1128 +.ui-icon-contact { background-position: -192px -128px; }
  1129 +.ui-icon-image { background-position: -208px -128px; }
  1130 +.ui-icon-video { background-position: -224px -128px; }
  1131 +.ui-icon-script { background-position: -240px -128px; }
  1132 +.ui-icon-alert { background-position: 0 -144px; }
  1133 +.ui-icon-info { background-position: -16px -144px; }
  1134 +.ui-icon-notice { background-position: -32px -144px; }
  1135 +.ui-icon-help { background-position: -48px -144px; }
  1136 +.ui-icon-check { background-position: -64px -144px; }
  1137 +.ui-icon-bullet { background-position: -80px -144px; }
  1138 +.ui-icon-radio-on { background-position: -96px -144px; }
  1139 +.ui-icon-radio-off { background-position: -112px -144px; }
  1140 +.ui-icon-pin-w { background-position: -128px -144px; }
  1141 +.ui-icon-pin-s { background-position: -144px -144px; }
  1142 +.ui-icon-play { background-position: 0 -160px; }
  1143 +.ui-icon-pause { background-position: -16px -160px; }
  1144 +.ui-icon-seek-next { background-position: -32px -160px; }
  1145 +.ui-icon-seek-prev { background-position: -48px -160px; }
  1146 +.ui-icon-seek-end { background-position: -64px -160px; }
  1147 +.ui-icon-seek-start { background-position: -80px -160px; }
  1148 +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
  1149 +.ui-icon-seek-first { background-position: -80px -160px; }
  1150 +.ui-icon-stop { background-position: -96px -160px; }
  1151 +.ui-icon-eject { background-position: -112px -160px; }
  1152 +.ui-icon-volume-off { background-position: -128px -160px; }
  1153 +.ui-icon-volume-on { background-position: -144px -160px; }
  1154 +.ui-icon-power { background-position: 0 -176px; }
  1155 +.ui-icon-signal-diag { background-position: -16px -176px; }
  1156 +.ui-icon-signal { background-position: -32px -176px; }
  1157 +.ui-icon-battery-0 { background-position: -48px -176px; }
  1158 +.ui-icon-battery-1 { background-position: -64px -176px; }
  1159 +.ui-icon-battery-2 { background-position: -80px -176px; }
  1160 +.ui-icon-battery-3 { background-position: -96px -176px; }
  1161 +.ui-icon-circle-plus { background-position: 0 -192px; }
  1162 +.ui-icon-circle-minus { background-position: -16px -192px; }
  1163 +.ui-icon-circle-close { background-position: -32px -192px; }
  1164 +.ui-icon-circle-triangle-e { background-position: -48px -192px; }
  1165 +.ui-icon-circle-triangle-s { background-position: -64px -192px; }
  1166 +.ui-icon-circle-triangle-w { background-position: -80px -192px; }
  1167 +.ui-icon-circle-triangle-n { background-position: -96px -192px; }
  1168 +.ui-icon-circle-arrow-e { background-position: -112px -192px; }
  1169 +.ui-icon-circle-arrow-s { background-position: -128px -192px; }
  1170 +.ui-icon-circle-arrow-w { background-position: -144px -192px; }
  1171 +.ui-icon-circle-arrow-n { background-position: -160px -192px; }
  1172 +.ui-icon-circle-zoomin { background-position: -176px -192px; }
  1173 +.ui-icon-circle-zoomout { background-position: -192px -192px; }
  1174 +.ui-icon-circle-check { background-position: -208px -192px; }
  1175 +.ui-icon-circlesmall-plus { background-position: 0 -208px; }
  1176 +.ui-icon-circlesmall-minus { background-position: -16px -208px; }
  1177 +.ui-icon-circlesmall-close { background-position: -32px -208px; }
  1178 +.ui-icon-squaresmall-plus { background-position: -48px -208px; }
  1179 +.ui-icon-squaresmall-minus { background-position: -64px -208px; }
  1180 +.ui-icon-squaresmall-close { background-position: -80px -208px; }
  1181 +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
  1182 +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
  1183 +.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
  1184 +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
  1185 +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
  1186 +.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
  1187 +
  1188 +
  1189 +/* Misc visuals
  1190 +----------------------------------*/
  1191 +
  1192 +/* Corner radius
  1193 +.ui-corner-all,
  1194 +.ui-corner-top,
  1195 +.ui-corner-left,
  1196 +.ui-corner-tl {
  1197 + border-top-left-radius: 4px;
  1198 +}
  1199 +.ui-corner-all,
  1200 +.ui-corner-top,
  1201 +.ui-corner-right,
  1202 +.ui-corner-tr {
  1203 + border-top-right-radius: 4px;
  1204 +}
  1205 +.ui-corner-all,
  1206 +.ui-corner-bottom,
  1207 +.ui-corner-left,
  1208 +.ui-corner-bl {
  1209 + border-bottom-left-radius: 4px;
  1210 +}
  1211 +.ui-corner-all,
  1212 +.ui-corner-bottom,
  1213 +.ui-corner-right,
  1214 +.ui-corner-br {
  1215 + border-bottom-right-radius:4px;
  1216 +}*/
  1217 +
  1218 +.ui-slider-handle{ border-radius:50%}
  1219 +/* Overlays */
  1220 +.ui-widget-overlay {
  1221 + background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  1222 + opacity: .3;
  1223 + filter: Alpha(Opacity=30); /* support: IE8 */
  1224 +}
  1225 +.ui-widget-shadow {
  1226 + margin: -8px 0 0 -8px;
  1227 + padding: 8px;
  1228 + background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  1229 + opacity: .3;
  1230 + filter: Alpha(Opacity=30); /* support: IE8 */
  1231 + border-radius: 8px;
  1232 +}
... ...