ADAM / AIAHTML5

Commit d9002148f4096ef9a2e45ae4871569719d8301df

Authored by Utkarsh Singh
1 parent f78c1907

Code correction regarding print-main.css conflicts

Inline Side-by-side
Showing 6 changed files with 55 additions and 1091 deletions
400-SOURCECODE/AIAHTML5.API/bin/AIAHTML5.API.dll
View file @d900214
No preview for this file type
400-SOURCECODE/AIAHTML5.API/bin/AIAHTML5.API.pdb
View file @d900214
No preview for this file type
400-SOURCECODE/AIAHTML5.Web/app/views/Home/printPreview.html
  View file @d900214
... ... @@ -2,8 +2,8 @@
2 2 <div ng-include="aap/widget/MainMenu.html"></div>
3 3 <div ng-init="ShowPrintPreviewWindow()" id="jsPanel-1" class="ppImagePanel" ng-controller="HomeController">
4 4 <div class=" " id="ppView" ng-controller="HomeController">
5   - <div class="col-sm-12">
6   - <div class="container-fluid main-full">
  5 + <div class="pp-col-sm-12">
  6 + <div class="container-fluid pp-main-full">
7 7 <div class="row">
8 8 <div class="well padd5 marginbtm10">
9 9 <div class="col-sm-2 col-lg-1 padd-right0 marginR0 width-auto padd-left0">
... ... @@ -12,7 +12,7 @@
12 12 </button>
13 13 </div>
14 14 <div class="col-sm-2 col-lg-1">
15   - <select id="printPSOptions" class="form-control input-sm">
  15 + <select id="printPSOptions" class="pp-form-control input-sm">
16 16 <option>Auto</option>
17 17 <option>500%</option>
18 18 <option>200%</option>
... ... @@ -24,21 +24,21 @@
24 24 <option>10%</option>
25 25 </select>
26 26 </div>
27   - <div class="col-sm-4 paddTop5">
  27 + <div class="pp-col-sm-4 paddTop5">
28 28 <label class="radio-inline"><input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="Portrait" checked=""> Portrait</label>
29 29 <label class="radio-inline"><input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="Landscape"> Landscape</label>
30 30 </div>
31 31 <div class="clearfix"></div>
32 32 </div>
33   - <div class="col-sm-12 well" align="center" style="overflow-y: auto; width: 100%; height: 490px;">
  33 + <div class="pp-col-sm-12 well" align="center" style="overflow-y: auto; width: 100%; height: 490px;">
34 34 <div class="print-paper" id="dvPP">
35 35 <div class="print-box portrait-box" id="printBoxPor">
36 36 <div id="printDivContent">
37 37 <div class="">
38   - <div class="col-sm-6" style="top: 10px; position: absolute; left: 10px;">
  38 + <div class="pp-col-sm-4" style="top: 10px; position: absolute; left: 10px;">
39 39 <span class="pull-left font12 span-font" id="spnModulePor"></span>
40 40 </div>
41   - <div class="col-sm-6" style="top: 10px; position: absolute; right: 10px;">
  41 + <div class="pp-col-sm-4" style="top: 10px; position: absolute; right: 10px;">
42 42 <span class="pull-right font12 span-font" id="spnBodyViewTitlePor"></span>
43 43 </div>
44 44 </div>
... ... @@ -46,11 +46,11 @@
46 46 <img src="" alt="" class="logo-image" id="imgPortrait" style="width: 100%; " />
47 47 </div>
48 48 <div>
49   - <div class="col-sm-8" style="position: absolute; bottom: 20px;">
50   - <span class="pull-left marginTop10 font12 span-font" id="spPorCopyright">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
  49 + <div class="pp-col-sm-4" style="position: absolute; bottom: 20px;">
  50 + <span class="pull-left pp-marginTop10 font12 span-font" id="spPorCopyright">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
51 51 </div>
52   - <div class="col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
53   - <span class="pull-right marginTop10 bgnone no-margin" id="spPorLogo">
  52 + <div class="pp-col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
  53 + <span class="pull-right pp-marginTop10 bgnone no-margin" id="spPorLogo">
54 54 <img class="logo-image" src="content/images/adam-logo-small.png" alt="">
55 55 </span>
56 56 </div>
... ... @@ -60,10 +60,10 @@
60 60 </div>
61 61 <div class="print-box landscape-box" id="printBoxLan" style="display: none;">
62 62 <div class="">
63   - <div class="col-sm-6" style="position: absolute; top: 20px; left: 10px;">
  63 + <div class="pp-col-sm-4" style="position: absolute; top: 20px; left: 10px;">
64 64 <span class="pull-left font12 span-font" id="spnModuleLan"></span>
65 65 </div>
66   - <div class="col-sm-6" style="position: absolute; top: 20px; right: 10px;">
  66 + <div class="pp-col-sm-4" style="position: absolute; top: 20px; right: 10px;">
67 67 <span class="pull-right font12 span-font" id="spnBodyViewTitleLan"></span>
68 68 </div>
69 69 </div>
... ... @@ -71,11 +71,11 @@
71 71 <img src="" alt="" class="logo-image" id="imgLandscape" style="width: 100%;" />
72 72 </div>
73 73 <div class="print-footer-land">
74   - <div class="col-sm-8" style="position: absolute; bottom: 20px; left: 10px;">
75   - <span class="pull-left marginTop10 font12 span-font" id="spLanCopyright">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
  74 + <div class="pp-col-sm-4" style="position: absolute; bottom: 20px; left: 10px;">
  75 + <span class="pull-left pp-marginTop10 font12 span-font" id="spLanCopyright">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
76 76 </div>
77   - <div class="col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
78   - <span class="pull-right marginTop10 bgnone no-margin" id="spLanLogo">
  77 + <div class="pp-col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
  78 + <span class="pull-right pp-marginTop10 bgnone no-margin" id="spLanLogo">
79 79 <img class="logo-image" src="content/images/adam-logo-small.png" alt="">
80 80 </span>
81 81 </div>
... ...
400-SOURCECODE/AIAHTML5.Web/app/views/Home/resetPassword.html deleted
View file @f78c190
1   -๏ปฟ<!doctype html>
2   -<html>
3   -<head>
4   -<meta charset="utf-8">
5   -<title>AIA</title>
6   -<style type="text/css">
7   -h1 {
8   - font-size: 16px;
9   - color: #FFFFFF;
10   -}
11   -</style>
12   -</head>
13   -
14   -<body>
15   -<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
16   - <tbody>
17   - <tr>
18   - <td align="center" valign="middle" bgcolor="#393939 " style="padding:30px 0 20px 0;"><a href="#"><img src="/content/images/common/logo.png" alt="PPL" title="PPL" /></a></td>
19   - </tr>
20   - <tr>
21   - <td align="center" valign="top" bgcolor="#808d43" style="padding:20px; overflow:hidden;">
22   - <table width="100%" border="0" cellspacing="0" cellpadding="0" id='resetPwdform' ng-show="isVisibleResetPass" ng-init="CallResetPassword()">
23   - <tbody>
24   -
25   - <tr>
26   - <td style=" font-size:26px; font-weight:bold; color:#fff; font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"><strong>Reset Password</strong></td>
27   - </tr>
28   - <tr>
29   - <td>&nbsp;</td>
30   - </tr>
31   - <tr>
32   - <td style="font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#fff;">New Password </td>
33   - </tr>
34   - <tr>
35   - <td><input class="form-control" id="" value="*****" ng-model="password" type="password" style="padding:3px 5px; height:25px; width:98%;"></td>
36   - </tr>
37   - <tr>
38   - <td>&nbsp;</td>
39   - </tr>
40   - <tr>
41   - <td style="font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#fff;">Confirm Password </td>
42   - </tr>
43   -
44   - <tr>
45   - <td><input class="form-control" id="" value="*****" ng-model="password2" type="password" style="padding:3px 5px; height:25px; width:98%;"></td>
46   - </tr>
47   - <tr>
48   - <td>&nbsp;</td>
49   - </tr>
50   - <tr>
51   - <td>
52   - <button type="button" style="color:#423030; background:#ff9900; border:1px solid #ff9900; cursor:pointer; color:#fff; padding:5px 10px; font-size:16px; text-transform:uppercase; text-align:center; text-decoration:none; font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif" ng-click="CallResetPassword">Submit</button>
53   - <button type="button" style="color:#423030; background:#231f20; border:1px solid #231f20; cursor:pointer; color:#fff; padding:5px 10px; font-size:16px; text-transform:uppercase; text-align:center; text-decoration:none; font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif">Close</button>
54   - </td>
55   - </tr>
56   - </tbody>
57   -</table>
58   - </tr>
59   -
60   -
61   - </tbody>
62   -</table>
63   -</body>
64   -</html>
400-SOURCECODE/AIAHTML5.Web/content/css/print-main.css
  View file @d900214
1   -/***
2   -MAIN.CSS for AIA
3   -TO BE USED WITH CUSTOM BOOTSTRAP THEME ALREADY INCLUDED
4   -**/
  1 +๏ปฟ
  2 +.print-box{padding: 10px 0;}
  3 +.print-paper{ background: #fff; padding: 20px 10px; border: 1px solid #ccc; overflow: auto;}
5 4  
6   -/*** Global ***/
7   -* {
8   - outline: 0 !important;
9   -}
10   -body {
11   - background: #383838;
12   -}
13   -.btn {
14   - -webkit-transition: all .3s ease;
15   - -ms-transition: all .3s ease;
16   - transition: all .3s ease;
17   -}
18   -.btnCustom {
19   - border: 0 !important;
20   - padding-left: 50px;
21   - padding-right: 50px;
22   - min-height: 40px;
23   -}
24   -.btnCustom.btn-large {
25   - width: 220px;
26   - height: 50px;
27   - padding-left: 0;
28   - padding-right: 0;
29   -}
30   -footer {
31   - color: #303030;
32   - font: 12px/30px 'Open Sans';
33   - margin-top: -30px;
34   -}
35   -footer.dark {
36   - color: #ccc;
37   - background: #303030;
38   -}
39   -.frameLogo {
40   - display: block;
41   -}
42   -.navbar-brand {
43   - height: 60px;
44   - padding: 10px 15px;
45   -}
46   -.no-scroll {
47   - overflow: hidden;
48   -}
49   -/*** Login Page ***/
50   -.loginBg {
51   - min-height: 100vh;
52   - background: #303030;
53   -}
54   -.loginPanel {
55   - margin: 0 0 100px;
56   -}
57   -.loginLogo {
58   - margin: 20px auto;
59   - display: block;
60   - max-width: 360px;
61   -}
62   -.headerBand {
63   - background: #818f44;
64   - padding-bottom: 10px;
65   - color: #fff;
66   -}
67   -.headerBand h1 {
68   - font: 700 36px/1 'Open Sans';
69   -}
70   -.headerBand p {
71   - font: 400 16px 'Open Sans';
72   - letter-spacing: 0px;
73   - word-spacing: 1px;
74   -}
75   -.loginBox {
76   - max-width: 350px;
77   - background: #666666;
78   - margin: 30px auto 0;
79   - border-radius: 2px;
80   - -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
81   - -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
82   - box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
83   - padding: 15px 0;
84   -}
85   -.loginBox strong {
86   - color: #0095da;
87   - font: 600 18px/1 'Open Sans';
88   - padding-bottom: 10px;
89   - display: block;
90   -}
91   -.loginExBtn {
92   - max-width: 350px;
93   - margin: 15px auto 0;
94   -}
95   -.loginExBtn a {
96   - width: 48%;
97   -}
98   -/*** Mainframe ***/
99   -.sidebar {
100   - height: 100vh;
101   - background: #222;
102   - width: 200px;
103   - padding-top: 90px;
104   - overflow: auto;
105   - position: fixed;
106   - left: 0;
107   - top: 0;
108   - z-index: 1029;
109   -}
110   -.navbar {
111   - border-bottom: none!important;
112   -}
113   -.main {
114   - background: #383838;
115   - margin-left: 200px;
116   - padding-top: 51px;
117   -}
118   -.treeview-left {
119   - height: 100vh;
120   - background: #222;
121   - width: 300px;
122   - padding-top: 90px;
123   - overflow: auto;
124   - position: fixed;
125   - left: 0;
126   - top: 0;
127   - z-index: 1029;
128   -}
129   -.main-treeview {
130   - background: #383838;
131   - margin-left: 300px;
132   - padding-top: 51px;
133   -}
134   -.nav-sidebar a {
135   - color: #fff; /*border-bottom:1px solid #ccc!important;*/
136   -}
137   -.nav-sidebar li a {
138   - color: #fff;
139   -}
140   -.nav-sidebar a:hover, .nav-sidebar a:focus {
141   - color: #fff;
142   - background: #1B92D0!important;
143   -}
144   -.nav-sidebar a.active {
145   - color: #fff;
146   - background: #1B92D0!important;
147   -}
148   -.toggleBar {
149   - margin: 0px 10px 0 0;
150   -}
151   -.space-left20 {
152   - padding-left: 20px;
153   -}
154   -.padd-lftright25 {
155   - padding: 0 25px;
156   -}
157   -.tab-content {
158   - padding: 10px 0;
159   -}
160   -.space-top50 {
161   - margin-top: 50px;
162   -}
163   -/*Custom ToolTip In AIA*/
164   -.customTooltip {
165   - background: #333 !important;
166   - color: #fff !important;
167   - /*opacity: 0.9 !important;*/
168   - }
169   -
170   -/*.tools {
171   - background: #eeeeee none repeat scroll 0 0;
172   - border: 1px solid #c1c1c1;
173   - border-top:none;
174   - /*padding: 10px;
175   - width:106px;
176   - position:absolute;
177   - left: 0;
178   - top: 120px;
179   - padding-top:10px;
180   - z-index:1024;
181   -
182   -}*/
183   -.tools i {
184   - font-size: 1.4em;
185   -}
186   -.marginTop10 {
187   - margin-top: 0px; /*10px Utkarsh*/
188   -}
189   -.marginTop2 {
190   - margin-top: 2px;
191   -}
192   -.marginL2 {
193   - margin-left: 2px!important;
194   -}
195   -.marginR5 {
196   - margin-right: 5px!important;
197   -}
198   -.paddTop4 {
199   - padding-top: 4px;
200   -}
201   -.vert_slider {
202   - clear: both;
203   - margin: 20px auto 30px;
204   - width: 1rem;
205   -}
206   -#inner-anatomyPage .nav > li > a:hover {
207   - background: #1c92d0;
208   - color: #fff;
209   - border-radius: 3px 3px 0 0;
210   - border: 1px solid #1c92d0;
211   - border-bottom: none;
212   -}
213   -.page-head {
214   - background: #f3f3f3 none repeat scroll 0 0;
215   - border-bottom: 1px solid #ffffff;
216   - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);
217   - padding: 8px 20px;
218   - margin-bottom: 20px;
219   -}
220   -.no-margin {
221   - margin: 0!important
222   -}
223   -.no-padding {
224   - padding: 0!important
225   -}
226   -.marginTopBtm10 {
227   - margin: 10px 0!important
228   -}
229   -.page-header {
230   - border-bottom: 0!important
231   -}
232   -.marginTop5 {
233   - margin-top: 5px;
234   -}
235   -.paddingbtm5 {
236   - padding-bottom: 5px;
237   -}
238   -.border-Btm1 {
239   - border-bottom: 1px solid #D8D8D8;
240   -}
241   -.pageHeading {
242   - background: #818d43 none repeat scroll 0 0;
243   - padding: 0px 15px;
244   - margin-top: 60px;
245   - z-index: 1030;
246   - position: fixed;
247   - width: 100%;
248   -}
249   -
250   -.pageHeading0 { /*Added Utkarsh*/
251   - background: #818d43 none repeat scroll 0 0;
252   - padding: 0px 15px;
253   - margin-top: 0px;
254   - z-index: 1030;
255   - position: fixed;
256   - width: 100%;
257   -}
258   -
259   -.pageHeading0 h4 { /*Updated to .pageHeading0 */
260   - font-size: 15px;
261   - margin: 0!important;
262   - color: #fff;
263   - line-height: 30px;
264   - font-weight: 600;
265   - text-transform: uppercase
266   -}
267   -.color-white {
268   - color: #fff!important;
269   -}
270   -.color-green {
271   - color: #818f44!important;
272   -}
273   -.btn-black {
274   - background-color: #4b4b4b;
275   - border-color: #3f3f3f;
276   - color: #ffffff;
277   -}
278   -.btn-black:hover, .btn-black:focus {
279   - background-color: #1B92D0;
280   - border-color: #1B92D0;
281   - color: #ffffff;
282   -}
283   -.font16 {
284   - font-size: 1.59em!important;
285   -}
286   -.modal-body {
287   - padding: 0 10px;
288   -}
289   -.well-popup {
290   - margin-bottom: 10px;
291   - padding: 5px;
292   -}
293   -.annotation-modal-header {
294   - padding: 5px 10px;
295   -}
296   -.form-group {
297   - margin-bottom: 7px;
298   -}
299   -/********Stylish Search**************/
300   -
301   -#imaginary_container {
302   - margin: 8px 0!important;
303   -}
304   -.stylish-input-group .input-group-addon {
305   - background: white !important;
306   -}
307   -.stylish-input-group .form-control {
308   - border-right: 0;
309   - box-shadow: 0 0 0;
310   - border-color: #ccc;
311   - width: 30%;
312   - float: right;
313   -}
314   -.stylish-input-group button {
315   - border: 0;
316   - background: transparent;
317   -}
318   -#vertical-slider {
319   - height: 150px;
320   - margin-left: 30px;
321   -}
322   -.navbar-nav > li > a {
323   - line-height: 30px;
324   -}
325   -.paddTop5 {
326   - padding-top: 5px;
327   -}
328   -.mrgnBtm5 {
329   - margin-bottom: 3px;
330   -}
331   -.thumbnail a {
332   - color: #303030!important;
333   - text-decoration: none;
334   -}
335   -.thumbnail a:hover {
336   - color: #FFFFFF!important;
337   - text-decoration: none!important;
338   -}
339   -.thumbnail:hover {
340   - background: #8C8C8C!important;
341   - border: 1px solid #a2a2a2;
342   -}
343   -#inner-anatomyPage .nav-tabs {
344   - border-bottom: 1px solid #494949;
345   -}
346   -#inner-anatomyPage .nav-tabs li a {
347   - color: #fff;
348   -}
349   -#inner-anatomyPage .nav-tabs li.active {
350   - color: #000;
351   -}
352   -#inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
353   - background: #1c92d0;
354   - border: 1px solid #1c92d0;
355   -}
356   -.main {
357   - margin-left: 200px;
358   - position: relative;
359   - transition: margin .3s ease;
360   - margin-top: 50px;
361   -}
362   -.main.active {
363   - margin-left: 0;
364   -}
365   -.sidebar {
366   - left: 0px;
367   - transition: left .3s ease;
368   -}
369   -.sidebar.active {
370   - left: -200px;
371   -}
372   -.main-treeview {
373   - margin-left: 290px;
374   - position: relative;
375   - transition: margin .3s ease;
376   - margin-top: 50px;
377   -}
378   -.main-treeview.active {
379   - margin-left: 0;
380   -}
381   -.treeview-left {
382   - left: 0px;
383   - transition: left .3s ease;
384   -}
385   -.treeview-left.active {
386   - left: -290px;
387   -}
388   -/*.main2{margin-left:106;position: relative;transition:margin .3s ease;margin-top:60px;}
389   -.main2.active{margin-left:0;}
390   -.tools{left: 0px;transition:left .3s ease;}
391   -.tools.active{left: -106px;}*/
392   -.main2 {
393   - background: #383838;
394   - margin-left: 110px;
395   - padding-top: 1px;
396   -}
397   -.main2 {
398   - margin-left: 110px;
399   - position: relative;
400   - transition: margin .3s ease;
401   - margin-top: 1px;
402   -}
403   -.main2.active {
404   - margin-left: 0;
405   -}
406   -.tools {
407   - height: 100vh;
408   - background: #222;
409   - width: 110px;
410   - padding-top: 20px;
411   - /*overflow: hidden;*/
412   - position: absolute !important;
413   - left: 0;
414   - /*nk*/
415   - /*top: 70px;*/
416   - z-index: 1029;
417   -}
418   -.tools {
419   - left: 0px;
420   - transition: left .3s ease;
421   -}
422   -.tools.active {
423   - left: -100px;
424   -}
425   -.navbar-fixed-top, .navbar-fixed-bottom {
426   - z-index: 1035;
427   -}
428   -.main .breadcrumb {
429   - background: #3d3d3d;
430   - border: 1px solid #494949;
431   - margin-bottom: 10px;
432   - padding: 0 15px; /*background-color:rgba(61,61,61,0.95);*/
433   -}
434   -.main-treeview .breadcrumb {
435   - background: #3d3d3d;
436   - border: 1px solid #494949;
437   - margin-bottom: 10px;
438   - padding: 10px 15px; /*background-color:rgba(61,61,61,0.95);*/
439   -}
440   -.main2 .breadcrumb {
441   - background: #3d3d3d;
442   - border: 1px solid #494949;
443   - margin-bottom: 10px;
444   - padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
445   -}
446   -.main-full {
447   - margin-top: 10px; /*(jsPanel) margin-top: 40px; (jsPanel) //100px; Utkarsh*/
448   -}
449   -.main-full .breadcrumb {
450   - background: #3d3d3d;
451   - border: 1px solid #494949;
452   - margin-bottom: 10px;
453   - padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
454   -}
455   -.toggleHeadingButton {
456   - font-size: 20px;
457   - color: #fff;
458   - cursor: pointer;
459   -}
460   -.indicators {
461   - position: absolute;
462   - bottom: 0;
463   - left: 0;
464   - background: #000000;
465   - padding: 5px;
466   - z-index: 9999;
467   - width: 300px;
468   -}
469   -.well-white {
470   - background: #fff;
471   - height: 100vh;
472   - padding: 10px;
473   -}
474   -.leftPanel-data {
475   - padding: 10px 10px 0 10px;
476   -}
477   -.dragger {
478   - position: relative;
479   -}
480   -.dragger #block-1 {
481   - position: absolute;
482   - top: 170px;
483   - left: 170px;
484   - width: 200px;
485   - height: 50px;
486   - border: 1px solid #333;
487   - background: #E8E8E8;
488   -}
489   -.dragger .drag-img1 {
490   - position: absolute;
491   - bottom: 0px;
492   - left: 0;
493   -}
494   -.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
495   - cursor: move;
496   -}
497   -.thumbnail .caption p {
498   - overflow: hidden;
499   - text-overflow: ellipsis;
500   - white-space: nowrap;
501   - /* width: 150px !important;*/
502   - text-align: center;
503   -}
504   -.pos-relative {
505   - position: relative;
506   - float: left;
507   -}
508   -.toggle-icon {
509   - position: absolute;
510   - top: 110px;
511   - left: 100px;
512   - z-index: 99999;
513   - -moz-transition: left 0.5s ease;
514   - transition: left 0.5s ease;
515   - background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
516   - width: 11px;
517   - height: 33px;
518   -}
519   -.active .toggle-icon {
520   - background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;
521   - width: 11px;
522   - height: 33px;
523   -}
524   -.toggle-icon-treeview {
525   - position: absolute;
526   - top: 110px;
527   - left: 290px;
528   - z-index: 99999;
529   - -moz-transition: left 0.5s ease;
530   - transition: left 0.5s ease;
531   - background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
532   - width: 11px;
533   - height: 33px;
534   -}
535   -.active .toggle-icon-treeview {
536   - background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;
537   - width: 11px;
538   - height: 33px;
539   -}
540   -.navbar-inverse .navbar-nav > li > a {
541   - color: #FFFFFF;
542   -}
543   -/*#7904*/
544   -.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-nav > li > a.active {
545   - color: #2db0f5;
546   -}
547   -
548   -ul.right0 {
549   - right: 0!important;
550   - left: auto;
551   - min-width: 300px;
552   - padding: 10px;
553   - transition: visibility 0.15s ease 0s, opacity 0.15s ease 0s, transform 0.15s ease 0s;
554   - border-bottom: 4px solid #abafb0;
555   - box-shadow: 0 4px 2px -2px #abafb0 inset;
556   -}
557   -.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
558   - background-color: #0095da;
559   - color: #ffffff;
560   -}
561   -.padd5 {
562   - padding: 5px;
563   -}
564   -.padded25{ padding:25px;}
565   -ul.listgrid-view{ list-style:none;}
566   -ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D; padding:2px 5px; border-radius:2px;}
567   -ul.listgrid-view li a{color:#fff!important;}
568   -ul.listgrid-view li.active, ul.listgrid-view li:active{ background:#0095da!important;}
569   -.bg-white{ background:#fff;}
570   -.stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;}
571   -.paddlftrgt10{ padding:10px 10px;}
572   -/*.border-black{ border:1px solid #333}*/
573   -#da-body-nav .dropdown-menu{ padding:0!important;}
574   -
575   -
576   -
577   -/*Settings popup on TopMenu related css*/
578   -.cursor-pointer{ cursor:pointer;}
579   -.paddTopbtm15{ padding-top:15px; padding-bottom:15px;}
580   -.paddTop15{ padding-top:15px;}
581   -.padd10{ padding:10px!important;}
582   -.no-margin-btm{ margin-bottom:0;}
583   -.marginR0{ margin-right:0!important;}
584   -.padd-right0{ padding-right:0;}
585   -.padd-left0{ padding-left:0!important;}
586   -.marginTop13{ margin-top:13px;}
587   -.font13{ font-size:13px;}
588   -.font11{ font-size:11px;}
589   -.modal-footer{ padding:5px 10px;}
590   -.paddTop0{ padding-top:0;}
591   -.no-margin-top{ margin-top:0;}
592   -
593   -.scrollable-Y200{ width:auto; height:228px; overflow-y:scroll; border:1px solid #e4e4e4; margin-bottom:0; z-index:999999; display:block; border-top:none; background:#fff;}
594   -.modal-header{ cursor:move;}
595   -.well-dark{ background:#2e2e2e; border:1px solid #686868; height:500px; overflow:hidden;}
596   -select[multiple], select[size].multipleSelect{ height: 100%;}
597   -
598   -#setting-modal-dark{ height:441px;}
599   -#setting-modal-dark .modal-body{ overflow-y:auto; overflow-x:hidden; height:365px;}
600   -#setting-modal-dark > .modal-header{ padding:5px 10px;}
601   -#setting-modal-dark > .modal-header h4{ font-size:15px; font-weight:600;}
602   -#setting-modal-dark > .modal-body > .nav-tabs > li > a{ padding:5px!important}
603   -#setting-modal-dark .nav > li > a { padding: 5px!important;}
604   -
605   -.skinmarginbtm6{
606   - margin-bottom:6px !important;
607   -}
608   -
609   -.skindefault{
610   - background: #8c8c8c none repeat scroll 0 0 !important;
611   -}
612   -
613   -
614   -.bolder{ font-weight:bold;}
615   -.skin-tones{ width:300px; margin:0 auto;}
616   -.modal-dark > .modal-header{ padding:5px 10px;}
617   -.modal-dark > .modal-header h4{ font-size:15px; font-weight:600;}
618   -.modal-header .close{ margin-top:0}
619   -#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;}
620   -.annotation-modal-header h4{ font-size:15px; font-weight:600;}
621   -
622   -.color-picker{ margin-left:25px; margin-top:-3px}
623   - .pattern-picker{ margin-left:10px; margin-top:-3px}
624   - .marginbtm10{ margin-bottom:10px;}
625   - .bodyWrap2{ margin-top:60px;}
626   - .toolsss {
627   - height: 100vh;
628   - width: 110px;
629   - padding-top: 10px;
630   - /*padding-top: 70px;*/
631   - position:absolute;
632   - /*overflow: hidden;*/
633   - left: 0;
634   - top: 0;
635   - z-index: 1029;
636   - transition: left .3s ease;
637   - background:#ebebeb;
638   - border-right:1px solid #dedede;
639   -
640   - }
641   - .main3 {
642   - background: #383838;
643   - margin-left: 95px;
644   - position: relative;
645   - transition: margin .3s ease;
646   - /*margin-top: 60px;*/
647   - }
648   - .well-bordered{ background:#fff; border:5px solid #f0f0f0; border-radius:0; box-shadow:none; padding:10px 20px; height:580px; overflow-y:auto}
649   - .color-pallate{ position:absolute; top:15px;}
650   - .font18{ font-size:18px;}
651   - .bg-grey{ background:#f2f2f2;}
652   - textarea {
653   - resize: none;
654   - }
655   - .font12{ font-size:12px;}
656   - .font14{ font-size:14px;}
657   - .weight600{ font-weight:600;}
658   - .marginbtm5{ margin-bottom:5px;}
659   - .marginBtm12{ margin-bottom:12px;}
660   - .anatomyTest-option{ padding-left:17px; font-size:12px; line-height:20px;}
661   - .font-16{ font-size:16px;}
662   - .width-auto{ width: auto;}
663   -
664   - /********************************/
  5 +.portrait-box { width: 451px; height: 571px; border: 2px solid #000; border-radius: 5px; padding: 10px; position:relative;} /*width: 600px; height: 1000px; width: 624px; height: 768px;*/
  6 +.landscape-box { width: 571px; height: 451px; border: 2px solid #000; border-radius: 5px; padding: 10px; position: relative;} /*width: 1000px; height: 600px; width: 768px; height: 624px;*/
665 7  
666   - .print-box{padding: 10px 0;}
667   - .print-paper{ background: #fff; padding: 20px 10px; border: 1px solid #ccc; overflow: auto;}
668   - /*.portrait-box { width: 600px; height: 1000px;}
669   - .landscape-box { width: 1000px; height: 600px; }*/
670   -
671   - .portrait-box { width: 451px; height: 571px; border: 2px solid #000; border-radius: 5px; padding: 10px; position:relative;} /*width: 600px; height: 1000px; width: 624px; height: 768px;*/
672   - .landscape-box { width: 571px; height: 451px; border: 2px solid #000; border-radius: 5px; padding: 10px; position: relative;} /*width: 1000px; height: 600px; width: 768px; height: 624px;*/
673   -
674   - /*.portrait-box img{ background: #f9f9f9; padding: 13px; }*/
675   - /*.landscape-box img{ background: #f9f9f9; padding: 13px; }*/
676   - /*#dvPortrait {background: #f9f9f9; padding: 13px;}
677   - #dvLandscape { background: #f9f9f9; padding: 13px; }*/
678 8 #dvLandscape, #dvPortrait {
679   - /*border: 1px solid #4B4B4B; */
680 9 border-radius: 5px;
681 10 padding: 0px !important;
682 11 }
683 12  
684   - #dvPortrait { margin-top:42%;} /*62%*/
685   -/*#dvLandscape {margin-top: 7%;}*/
686   - .bgnone img{ background: none;}
687   - .scan-scenario{ position: absolute; top: 30px; right: 30px}
688   -
689   -
690   - /************************************/
691   -
692   -
693   - @-webkit-keyframes circle {
694   -0% {
695   - opacity: 1;
696   -}
697   - 40% {
698   - opacity: 1;
699   -}
700   - 100% {
701   - width: 200%;
702   - height: 200%;
703   - opacity: 0;
704   -}
705   -}
706   -@keyframes circle {
707   - 0% {
708   - opacity: 1;
709   -}
710   - 40% {
711   - opacity: 1;
712   -}
713   - 100% {
714   - width: 200%;
715   - height: 200%;
716   - opacity: 0;
717   -}
718   -}
719   -
720   -@media (max-width: 480px) {
721   -.tools i {
722   - font-size: inherit;
723   -}
724   -.pageHeading0 h4 { /*updated to .pageHeading0*/
725   - font-size: 20px;
726   -}
727   -}
728   -
729   -/** Responsive **/
730   -@media (max-width: 1199px) {
731   -/*.main{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
732   - .main.active{left: 250px;}
733   - .sidebar{left: -250px;transition:left .3s ease;}
734   - .sidebar.active{left: 0;}*/
735   - /*.main2{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
736   - .main2.active{left: 106px;}
737   - .tools{left: -106px;transition:left .3s ease;}
738   - .tools.active{left: 0;}*/
739   -
740   -
741   -}
742   -
743   -@media (max-width: 767px) {
744   -textarea {
745   - height: 120px !important;
746   -}
747   -.quesDetail>*, .patDataRow>* {
748   - text-align: left !important;
749   -}
750   -.table {
751   - font-size: .9em;
752   -}
753   -.stylish-input-group .form-control {
754   - border-right: 0;
755   - box-shadow: 0 0 0;
756   - border-color: #ccc;
757   - width: 100%;
758   - float: right;
759   -}
760   -
761   - .table-responsive > .table > tbody > tr > td
762   - {
763   - white-space: normal !important;
764   - }
765   -}
766   -
767   -@media (max-width: 1023px) {
768   -/*.nav > li > a{ padding:15px 6px!important;}*/
769   -
770   -.main {
771   - margin-left: 0;
772   - position: relative;
773   - transition: left .3s ease;
774   - left: 0;
775   -}
776   -.main.active {
777   - left: 200px;
778   -}
779   -.sidebar {
780   - left: -200px;
781   - transition: left .3s ease;
782   -}
783   -.sidebar.active {
784   - left: 0;
785   -}
786   -.main-treeview {
787   - margin-left: 0;
788   - position: relative;
789   - transition: left .3s ease;
790   - left: 0;
791   -}
792   -.main-treeview.active {
793   - left: 300px;
794   -}
795   -.treeview-left {
796   - left: -300px;
797   - transition: left .3s ease;
798   -}
799   -.treeview-left.active {
800   - left: 0;
801   -}
802   -}
803   -
804   -@media (min-width: 768px) and (max-width: 1199px) {
805   -.hidden-sm {
806   - display: none !important;
807   -}
808   -.width120 {
809   - width: 90%!important;
810   -}
811   - .builder-Guide-left{ min-width:118px; width:9%; padding:0;}
812   - .builder-Guide-right{ min-width:485px; width:80%; padding:0;}
813   - .color-pallate{ position:absolute; top:5px;}
814   -/* .toggleBar { margin:20px 10px 0 0}*/
815   -}
816   -
817   -@media (min-width: 768px) {
818   -.toperMenu-spaceleft {
819   - margin-left: 20px;
820   -}
821   -}
822   -
823   -@media (max-width: 350px) {
824   -.pageHeading0 h4 { /*Updated to .pageHeading0*/
825   - overflow: hidden;
826   - text-overflow: ellipsis;
827   - white-space: nowrap;
828   - width: 164px !important;
829   -}
830   -}
831   -
832   -.spinner {
833   - position: fixed;
834   - top: 50%;
835   - left: 50%;
836   - margin-left: -50px; / half width of the spinner gif /
837   - margin-top: -50px; / half height of the spinner gif /
838   - text-align: center;
839   - z-index: 1234;
840   - overflow: auto;
841   - width: 100px; / width of the spinner gif /
842   - height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
843   - }
844   -
845   -/*to make the background fully visible on transparency box draw*/
846   -.modal-backdrop.in {
847   - opacity: 0;
848   -}
849   -
850   -.tButtonActive {
851   - background-color: #1B92D0;
852   - border-color: #1B92D0;
853   - color: #ffffff;
854   -}
855   -
856   -/*28-06-2016*/
857   -
858   -.txt-white{ color:#fff;}
859   -.f11 {font-size:11px;}
860   -.f15 {font-size:15px; font-weight:600;}
861   -.pad-lftrgt3 {padding-left:2px; padding-right:2px;}
862   -.table-txt12 tr th, .table-txt12 tr td {font-size:12px; padding:2px 8px !important; vertical-align:middle; cursor:pointer;}
863   -
864   -.clsstickydiv{padding-left:19px; width:99%}
865   -
866   -.clsthead tr,.clstheadca tr {
867   - display: block;
868   - position: relative;
869   -}
870   -.clsthead tr th {
871   - min-width: 180px;
872   - text-align: left;
873   -}
874   -.clstheadca tr th {
875   - /*min-width: 255px;*/
876   - text-align: left;
877   -}
878   -
879   -.clstbody,.clstbodyca {
880   - display: block;
881   - height: 200px;
882   - width: 100%;
883   - overflow:auto;
884   -}
885   -
886   -.clstbody tr td {
887   - min-width: 180px;
888   - text-align: left;
889   -}
890   -
891   -.clstbodyca tr td {
892   - /*max-width: 260px;*/
893   - text-align: left;
894   - word-wrap:break-word;
895   -
896   -}
897   -
898   -.cur-pot {
899   -cursor:pointer;
900   -}
901   -
902   -
903   -@media (min-width: 320px) and (max-width:480px) {
904   - .stickey-area {
905   - margin-top:24px;
906   - }
907   -}
  13 + #dvPortrait { margin-top:42%;}
908 14  
909   -.enableGender li.active{
910   - background-color:#0095DA;
911   - color:#ffffff;
912   -}
913   -
914   -.annotationbar {
915   - max-width: 300px;
916   - width: 100%;
917   -}
918   -
919   -.LeftButtonsDefaultState
920   -{
921   - background-color: #0095da;
922   - border-color: #007ab3;
923   - color: #ffffff;
924   -}
925   -
926   -/*disable background css*/
927   -
928   -#modelbackground
929   - {
930   - background-color: black;
931   - bottom: 0;
932   - left: 0;
933   - position: fixed;
934   - right: 0;
935   - top: 0;
936   - z-index: 12000000;
937   - opacity: 0.5;
938   - display:none;
939   - width:100%;
940   - height:100%;
941   -
942   - filter: Alpha(opacity=50); / IE8 and earlier /
943   -}
944   -
945   -
946   -.modeleditstyle
947   - {
948   - display:none;
949   -}
950   - /*#7904*/
951   -.dropdown-menu > li > a.active{background-color:#0095da;color:#fff;text-decoration:none;}
952   -
953   -
954   -.annotationtoolbartab
955   - {
956   - background:#626c34 !important;
957   -}
958   -
959   -.disableMenuannotation
960   -{
961   - pointer-events:none;
962   - opacity:0.6;
963   -
964   -}
965   -.disableMenuoption
966   -{
967   - pointer-events:none;
968   - opacity:0.6;
969   -
  15 +.pp-col-sm-4 .print-col-sm-4{
  16 + padding-left: 0px !important;
  17 + padding-right: 0px !important;
970 18 }
971 19  
972   -.blankshapediv
973   -{
974   -background-image: url("../../../../../content/images/blank-shapes.png");
  20 +.pp-marginTop10 .print-marginTop10 {
  21 + margin-top: 0px;
975 22 }
976   -.outlinediv
977   -{
978   - border:1px solid black;
979   - width: 72%;
980   - margin-left: auto;
981   - margin-right: auto;
982   - height: 98px;
983   - border-radius: 50%;
984   - }
985   -.fullcolordiv
986   - {
987   - position:relative;
988   - width:100%;
989   - height:100%;
990   - background:#fff;
991   - border-radius: 50%;
992   - }
993 23  
994   -.col-sm-4, .col-sm-6, .col-sm-8 {
995   - padding-left: 0px !important;
996   - padding-right: 0px !important;
997   -}
998 24 #imgPortrait, #imgLandscape {
999 25 padding: 10px;
1000 26 }
1001 27  
1002   -/*@media (min-width: 1200px) {
1003   - .modeleditstyle .builder-Guide-left{ min-width:118px; width:9%; padding:0;}
1004   - .builder-Guide-right{ width:auto; padding:0;}
1005   - display:none; }*/
1006   -
1007   -
1008   -#printBoxPor {
1009   - /*width: 637.5px;
1010   - height: 825px;*/
1011   - /*width: 337px;
1012   - height: 410px;*/
1013   -}
1014   -#printBoxLan {
1015   - /*width: 825px;
1016   - height: 637.5px;*/
1017   -}
1018 28 @media (min-width: 768px) {
1019 29 .print-footer-port div, .print-footer-land div {
1020 30 width: 50%;
... ... @@ -1022,4 +32,22 @@ background-image: url(&quot;../../../../../content/images/blank-shapes.png&quot;);
1022 32 }
1023 33 #minSpan {
1024 34 margin-top: 6px;
  35 +}
  36 +
  37 +.bgnone img{ background: none;}
  38 +.scan-scenario{ position: absolute; top: 30px; right: 30px}
  39 +.pp-main-full {
  40 + margin-top: 10px;
  41 +}
  42 +.pp-form-control {
  43 + border-right: 0;
  44 + box-shadow: 0 0 0;
  45 + border-color: #ccc;
  46 + width: 100%;
  47 + float: right;
  48 +}
  49 +.font12{ font-size:12px;}
  50 +.marginbtm10{ margin-bottom:10px;}
  51 +.width-auto {
  52 + width: auto;
1025 53 }
1026 54 \ No newline at end of file
... ...
400-SOURCECODE/AIAHTML5.Web/index.html
  View file @d900214
... ... @@ -1052,25 +1052,25 @@
1052 1052 </div>
1053 1053  
1054 1054 <!--Print Active Viewer-->
1055   - <div class="print-box portrait-box" id="printBox" style="display: none;">
  1055 + <div class="print-box-active portrait-box-active" id="printBox" style="display: none;">
1056 1056 <div id="printDivContent">
1057 1057 <div class="">
1058   - <div class="col-sm-6" style="top: 10px; position: absolute; left: 10px;">
1059   - <span class="pull-left font12 span-font" id="spnModule"></span>
  1058 + <div class="print-col-sm-4" style="top: 10px; position: absolute; left: 10px;">
  1059 + <span class="pull-left font12 print-span-font" id="spnModule"></span>
1060 1060 </div>
1061   - <div class="col-sm-6" style="top: 10px; position: absolute; right: 10px;">
1062   - <span class="pull-right font12 span-font" id="spnBodyViewTitle"></span>
  1061 + <div class="print-col-sm-4" style="top: 10px; position: absolute; right: 10px;">
  1062 + <span class="pull-right font12 print-span-font" id="spnBodyViewTitle"></span>
1063 1063 </div>
1064 1064 </div>
1065 1065 <div class=" mar-top-25" align="center" id="dvPortrait" style="text-align: center;">
1066 1066 <img src="" alt="" class="logo-image" id="snipImage" style="width: 100%;" />
1067 1067 </div>
1068 1068 <div>
1069   - <div class="col-sm-8" style="position: absolute; bottom: 20px;">
1070   - <span class="pull-left marginTop10 font12 span-font">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
  1069 + <div class="print-col-sm-4" style="position: absolute; bottom: 20px;">
  1070 + <span class="pull-left marginTop10 font12 print-span-font">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
1071 1071 </div>
1072   - <div class="col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
1073   - <span class="pull-right marginTop10 bgnone no-margin">
  1072 + <div class="print-col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
  1073 + <span class="pull-right print-marginTop10 bgnone no-margin">
1074 1074 <img class="logo-image" src="content/images/adam-logo-small.png" alt="">
1075 1075 </span>
1076 1076 </div>
... ...