Commit e2e5b717a7a689fdb201ff2b4d82bb4fac0a21be
1 parent
df499cdd
Refs : #10871
Showing
7 changed files
with
1137 additions
and
1 deletions
400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj
| ... | ... | @@ -78,6 +78,8 @@ |
| 78 | 78 | <Content Include="app\widget\MainMenu.html" /> |
| 79 | 79 | <Content Include="body-view-wp.js" /> |
| 80 | 80 | <Content Include="content\css\main.css" /> |
| 81 | + <Content Include="content\css\print-main.css" /> | |
| 82 | + <Content Include="content\css\print-Portrait.css" /> | |
| 81 | 83 | <Content Include="content\data\json\da\body-views\1\da_dat_tm_sg_1.json" /> |
| 82 | 84 | <Content Include="content\data\json\da\body-views\10\da_dat_body_system_term_10.json" /> |
| 83 | 85 | <Content Include="content\data\json\ca\ca_dat_contentlist.json" /> |
| ... | ... | @@ -116,6 +118,7 @@ |
| 116 | 118 | <Content Include="content\images\3da\3d-6.jpg" /> |
| 117 | 119 | <Content Include="content\images\3da\3d-7.jpg" /> |
| 118 | 120 | <Content Include="content\images\3da\3d-8.jpg" /> |
| 121 | + <Content Include="content\images\adam-logo-small.png" /> | |
| 119 | 122 | <Content Include="content\images\ca\thumbnails\ca_tni_3377.jpg" /> |
| 120 | 123 | <Content Include="content\images\ca\thumbnails\ca_tni_3378.jpg" /> |
| 121 | 124 | <Content Include="content\images\ca\thumbnails\ca_tni_3379.jpg" /> | ... | ... |
400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
| ... | ... | @@ -2501,6 +2501,52 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", |
| 2501 | 2501 | console.log('close') |
| 2502 | 2502 | $(".export-image").css("display", "none"); |
| 2503 | 2503 | }; |
| 2504 | + | |
| 2505 | + $rootScope.ShowPrintWindow = function () { // Print Active Viewer | |
| 2506 | + html2canvas($("#canvasDiv"), { | |
| 2507 | + onrendered: function (canvas) { | |
| 2508 | + var dataURL = canvas.toDataURL("image/jpeg"); | |
| 2509 | + var imageToPrint = new Image(); | |
| 2510 | + imageToPrint.src = dataURL; | |
| 2511 | + $('#snipImage').attr('src', dataURL); | |
| 2512 | + | |
| 2513 | + $('#spnModule').text($rootScope.currentActiveModuleTitle); | |
| 2514 | + $('#spnBodyViewTitle').text(localStorage.getItem('currentViewTitle')); | |
| 2515 | + | |
| 2516 | + PrintDivContentByID('printBox'); // Open Print Window | |
| 2517 | + } | |
| 2518 | + }); | |
| 2519 | + }; | |
| 2520 | + | |
| 2521 | + function PrintDivContentByID(id) { | |
| 2522 | + var contents = document.getElementById(id).innerHTML; | |
| 2523 | + var frame1 = $('<iframe />'); | |
| 2524 | + frame1[0].name = "frame1"; | |
| 2525 | + frame1.css({ "position": "absolute", "top": "-1000000px" }); | |
| 2526 | + $("body").append(frame1); | |
| 2527 | + | |
| 2528 | + var frameDoc = frame1[0].contentWindow ? frame1[0].contentWindow : frame1[0].contentDocument.document ? frame1[0].contentDocument.document : frame1[0].contentDocument; | |
| 2529 | + | |
| 2530 | + frameDoc.document.open(); | |
| 2531 | + //Create a new HTML document. | |
| 2532 | + frameDoc.document.write('<html><head><title></title>');//Print Preview | |
| 2533 | + frameDoc.document.write('</head><body>'); | |
| 2534 | + //Append the external CSS file. | |
| 2535 | + frameDoc.document.write('<link href="content/css/print-Portrait.css" rel="stylesheet" type="text/css" />'); | |
| 2536 | + frameDoc.document.write('<link href="content/css/print-main.css" rel="stylesheet" type="text/css" />'); | |
| 2537 | + //Append the DIV contents. | |
| 2538 | + frameDoc.document.write(contents); | |
| 2539 | + frameDoc.document.write('</body></html>'); | |
| 2540 | + frameDoc.document.close(); | |
| 2541 | + | |
| 2542 | + setTimeout(function () { | |
| 2543 | + window.frames["frame1"].focus(); | |
| 2544 | + window.frames["frame1"].print(); | |
| 2545 | + frame1.remove(); | |
| 2546 | + }, 250); | |
| 2547 | + | |
| 2548 | + console.log('close') | |
| 2549 | + } | |
| 2504 | 2550 | |
| 2505 | 2551 | }] |
| 2506 | 2552 | ); |
| 2507 | 2553 | \ No newline at end of file | ... | ... |
400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html
| ... | ... | @@ -17,7 +17,7 @@ |
| 17 | 17 | <li role="separator" class="divider"></li> |
| 18 | 18 | <li><a href="" id="exportImageAnchor" data-toggle="modal" ng-click="ShowExportImageWindow()">Export Image</a></li> |
| 19 | 19 | <li role="separator" class="divider"></li> |
| 20 | - <li><a href="#">Print Active Viewer</a></li> | |
| 20 | + <li><a href="" id="printAVAnchor" data-toggle="modal" ng-click="ShowPrintWindow()">Print Active Viewer</a></li> | |
| 21 | 21 | <li><a href="#">Print All Open Viewers</a></li> |
| 22 | 22 | <li><a href="#">Print Priview</a></li> |
| 23 | 23 | </ul> | ... | ... |
400-SOURCECODE/AIAHTML5.Web/content/css/print-Portrait.css
0 → 100644
| 1 | +@page { | |
| 2 | + size: portrait; | |
| 3 | + margin: 0; | |
| 4 | +} | |
| 5 | +#printDivContent { | |
| 6 | + border: 2px solid black; | |
| 7 | + border-radius: 10px; | |
| 8 | + width: 85%; | |
| 9 | + height: 85%; | |
| 10 | + padding: 15px; | |
| 11 | + margin: 15px; | |
| 12 | + /*position: absolute; | |
| 13 | + margin: 0 auto; | |
| 14 | + text-align: center; | |
| 15 | + top: 5%; | |
| 16 | + left: 5%;*/ | |
| 17 | + position: fixed; | |
| 18 | + top: 50%; | |
| 19 | + left: 50%; | |
| 20 | + /* bring your own prefixes */ | |
| 21 | + transform: translate(-50%, -50%); | |
| 22 | +} | |
| 23 | + | |
| 24 | +#dvPortrait { | |
| 25 | + width: 100%; | |
| 26 | + /*display: table;*/ | |
| 27 | + margin: 0 auto; | |
| 28 | +} | |
| 29 | +/*@page { | |
| 30 | + /*size: A4;*/ | |
| 31 | + /*margin: 0;*/ /*IMPORTANT*/ /* REMOVE PAGE HEADER - TITLE/ FOOTER - PAGE NUMBER [Change- 1]*/ | |
| 32 | + /*size: auto; /* REMOVE PAGE HEADER - TITLE/ FOOTER - PAGE NUMBER [Change- 2]*/ | |
| 33 | + /* }*/ | |
| 0 | 34 | \ No newline at end of file | ... | ... |
400-SOURCECODE/AIAHTML5.Web/content/css/print-main.css
0 → 100644
| 1 | +/*** | |
| 2 | +MAIN.CSS for AIA | |
| 3 | +TO BE USED WITH CUSTOM BOOTSTRAP THEME ALREADY INCLUDED | |
| 4 | +**/ | |
| 5 | + | |
| 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 | + /********************************/ | |
| 665 | + | |
| 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 | +#dvLandscape, #dvPortrait { | |
| 679 | + /*border: 1px solid #4B4B4B; */ | |
| 680 | + border-radius: 5px; | |
| 681 | + padding: 0px !important; | |
| 682 | +} | |
| 683 | + | |
| 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 | +} | |
| 908 | + | |
| 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 | + | |
| 970 | +} | |
| 971 | + | |
| 972 | +.blankshapediv | |
| 973 | +{ | |
| 974 | +background-image: url("../../../../../content/images/blank-shapes.png"); | |
| 975 | +} | |
| 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 | + | |
| 994 | +.col-sm-4, .col-sm-6, .col-sm-8 { | |
| 995 | + padding-left: 0px !important; | |
| 996 | + padding-right: 0px !important; | |
| 997 | +} | |
| 998 | +#imgPortrait, #imgLandscape { | |
| 999 | + padding: 10px; | |
| 1000 | +} | |
| 1001 | + | |
| 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 | +@media (min-width: 768px) { | |
| 1019 | + .print-footer-port div, .print-footer-land div { | |
| 1020 | + width: 50%; | |
| 1021 | + } | |
| 1022 | +} | |
| 1023 | +#minSpan { | |
| 1024 | + margin-top: 6px; | |
| 1025 | +} | |
| 0 | 1026 | \ No newline at end of file | ... | ... |
400-SOURCECODE/AIAHTML5.Web/content/images/adam-logo-small.png
0 → 100644
2.36 KB
400-SOURCECODE/AIAHTML5.Web/index.html
| ... | ... | @@ -38,6 +38,7 @@ |
| 38 | 38 | <link href="libs/jquery/jquery_plugin/SpeechBubble/css/bubble.css" rel="stylesheet" /> |
| 39 | 39 | <link href="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.css" rel="stylesheet" /> |
| 40 | 40 | <link href="themes/default/css/bootstrap/3.3.6/jquery.minicolors.css" rel="stylesheet" /> |
| 41 | + <link href="content/css/print-main.css" rel="stylesheet" /> | |
| 41 | 42 | |
| 42 | 43 | <!--Annotation Toolbar: Jcanvas--> |
| 43 | 44 | <style> |
| ... | ... | @@ -928,6 +929,34 @@ |
| 928 | 929 | </div> |
| 929 | 930 | </div> |
| 930 | 931 | |
| 932 | + <!--Print Active Viewer--> | |
| 933 | + <div class="print-box portrait-box" id="printBox" style="display: none;"> | |
| 934 | + <div id="printDivContent"> | |
| 935 | + <div class=""> | |
| 936 | + <div class="col-sm-6" style="top: 10px; position: absolute; left: 10px;"> | |
| 937 | + <span class="pull-left font12 span-font" id="spnModule"></span> | |
| 938 | + </div> | |
| 939 | + <div class="col-sm-6" style="top: 10px; position: absolute; right: 10px;"> | |
| 940 | + <span class="pull-right font12 span-font" id="spnBodyViewTitle"></span> | |
| 941 | + </div> | |
| 942 | + </div> | |
| 943 | + <div class=" mar-top-25" align="center" id="dvPortrait" style="text-align: center;"> | |
| 944 | + <img src="" alt="" class="logo-image" id="snipImage" style="width: 100%;" /> | |
| 945 | + </div> | |
| 946 | + <div> | |
| 947 | + <div class="col-sm-8" style="position: absolute; bottom: 20px;"> | |
| 948 | + <span class="pull-left marginTop10 font12 span-font">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span> | |
| 949 | + </div> | |
| 950 | + <div class="col-sm-4" style="position: absolute; bottom: 20px; right: 10px;"> | |
| 951 | + <span class="pull-right marginTop10 bgnone no-margin"> | |
| 952 | + <img class="logo-image" src="content/images/adam-logo-small.png" alt=""> | |
| 953 | + </span> | |
| 954 | + </div> | |
| 955 | + </div> | |
| 956 | + <div class="clearfix"></div> | |
| 957 | + </div> | |
| 958 | + </div> | |
| 959 | + | |
| 931 | 960 | <!--<div class="modal fade" id="editshapestyle" tabindex="-1" role="dialog" aria-labelledby="myModalLabel33" style="z-index:1000000000;width:302px;margin-left:auto;margin-right:auto;overflow:hidden;height:460px;"> |
| 932 | 961 | <div class="modal-dialog modal-sm" role="document"> |
| 933 | 962 | <div class="modal-content"> | ... | ... |