ADAM / AIAHTML5

Commit cb29380ea774a1850b5faeebac2dd7ede101c280

Authored by Amrita Vishnoi
1 parent 1a2ffc4c

Refs# 1719 HTML Prototype is integrated

Inline Side-by-side
Showing 3 changed files with 688 additions and 3 deletions
400-SOURCECODE/AIAHTML5.Web/content/css/main.css 0 → 100644
  View file @cb29380
  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 +/*.tools {
  164 + background: #eeeeee none repeat scroll 0 0;
  165 + border: 1px solid #c1c1c1;
  166 + border-top:none;
  167 + /*padding: 10px;
  168 + width:106px;
  169 + position:absolute;
  170 + left: 0;
  171 + top: 120px;
  172 + padding-top:10px;
  173 + z-index:1024;
  174 +
  175 +}*/
  176 +.tools i {
  177 + font-size: 1.4em;
  178 +}
  179 +.marginTop10 {
  180 + margin-top: 10px;
  181 +}
  182 +.marginTop2 {
  183 + margin-top: 2px;
  184 +}
  185 +.marginL2 {
  186 + margin-left: 2px!important;
  187 +}
  188 +.marginR5 {
  189 + margin-right: 5px!important;
  190 +}
  191 +.paddTop4 {
  192 + padding-top: 4px;
  193 +}
  194 +.vert_slider {
  195 + clear: both;
  196 + margin: 20px auto 30px;
  197 + width: 1rem;
  198 +}
  199 +#inner-anatomyPage .nav > li > a:hover {
  200 + background: #1c92d0;
  201 + color: #fff;
  202 + border-radius: 3px 3px 0 0;
  203 + border: 1px solid #1c92d0;
  204 + border-bottom: none;
  205 +}
  206 +.page-head {
  207 + background: #f3f3f3 none repeat scroll 0 0;
  208 + border-bottom: 1px solid #ffffff;
  209 + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);
  210 + padding: 8px 20px;
  211 + margin-bottom: 20px;
  212 +}
  213 +.no-margin {
  214 + margin: 0!important
  215 +}
  216 +.no-padding {
  217 + padding: 0!important
  218 +}
  219 +.marginTopBtm10 {
  220 + margin: 10px 0!important
  221 +}
  222 +.paddingTopBtm10 {
  223 + padding: 10px 0
  224 +}
  225 +.page-header {
  226 + border-bottom: 0!important
  227 +}
  228 +.marginTop5 {
  229 + margin-top: 5px;
  230 +}
  231 +.paddingbtm5 {
  232 + padding-bottom: 5px;
  233 +}
  234 +.border-Btm1 {
  235 + border-bottom: 1px solid #D8D8D8;
  236 +}
  237 +.pageHeading {
  238 + background: #818d43 none repeat scroll 0 0;
  239 + padding: 0px 15px;
  240 + margin-top: 60px;
  241 + z-index: 1030;
  242 + position: fixed;
  243 + width: 100%;
  244 +}
  245 +.pageHeading h4 {
  246 + font-size: 15px;
  247 + margin: 0!important;
  248 + color: #fff;
  249 + line-height: 30px;
  250 + font-weight: 600;
  251 + text-transform: uppercase
  252 +}
  253 +.color-white {
  254 + color: #fff!important;
  255 +}
  256 +.color-green {
  257 + color: #818f44!important;
  258 +}
  259 +.btn-black {
  260 + background-color: #4b4b4b;
  261 + border-color: #3f3f3f;
  262 + color: #ffffff;
  263 +}
  264 +.btn-black:hover, .btn-black:focus {
  265 + background-color: #1B92D0;
  266 + border-color: #1B92D0;
  267 + color: #ffffff;
  268 +}
  269 +.font16 {
  270 + font-size: 1.59em!important;
  271 +}
  272 +.modal-body {
  273 + padding: 0 10px;
  274 +}
  275 +.well-popup {
  276 + margin-bottom: 10px;
  277 + padding: 5px;
  278 +}
  279 +.annotation-modal-header {
  280 + padding: 5px 10px;
  281 +}
  282 +.form-group {
  283 + margin-bottom: 7px;
  284 +}
  285 +/********Stylish Search**************/
  286 +
  287 +#imaginary_container {
  288 + margin: 8px 0!important;
  289 +}
  290 +.stylish-input-group .input-group-addon {
  291 + background: white !important;
  292 +}
  293 +.stylish-input-group .form-control {
  294 + border-right: 0;
  295 + box-shadow: 0 0 0;
  296 + border-color: #ccc;
  297 + width: 30%;
  298 + float: right;
  299 +}
  300 +.stylish-input-group button {
  301 + border: 0;
  302 + background: transparent;
  303 +}
  304 +#vertical-slider {
  305 + height: 150px;
  306 + margin-left: 30px;
  307 +}
  308 +.navbar-nav > li > a {
  309 + line-height: 30px;
  310 +}
  311 +.paddTop5 {
  312 + padding-top: 5px;
  313 +}
  314 +.mrgnBtm5 {
  315 + margin-bottom: 3px;
  316 +}
  317 +.thumbnail a {
  318 + color: #303030!important;
  319 + text-decoration: none;
  320 +}
  321 +.thumbnail a:hover {
  322 + color: #FFFFFF!important;
  323 + text-decoration: none!important;
  324 +}
  325 +.thumbnail:hover {
  326 + background: #8C8C8C!important;
  327 + border: 1px solid #a2a2a2;
  328 +}
  329 +#inner-anatomyPage .nav-tabs {
  330 + border-bottom: 1px solid #494949;
  331 +}
  332 +#inner-anatomyPage .nav-tabs li a {
  333 + color: #fff;
  334 +}
  335 +#inner-anatomyPage .nav-tabs li.active {
  336 + color: #000;
  337 +}
  338 +#inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  339 + background: #1c92d0;
  340 + border: 1px solid #1c92d0;
  341 +}
  342 +.main {
  343 + margin-left: 200px;
  344 + position: relative;
  345 + transition: margin .3s ease;
  346 + margin-top: 50px;
  347 +}
  348 +.main.active {
  349 + margin-left: 0;
  350 +}
  351 +.sidebar {
  352 + left: 0px;
  353 + transition: left .3s ease;
  354 +}
  355 +.sidebar.active {
  356 + left: -200px;
  357 +}
  358 +.main-treeview {
  359 + margin-left: 290px;
  360 + position: relative;
  361 + transition: margin .3s ease;
  362 + margin-top: 50px;
  363 +}
  364 +.main-treeview.active {
  365 + margin-left: 0;
  366 +}
  367 +.treeview-left {
  368 + left: 0px;
  369 + transition: left .3s ease;
  370 +}
  371 +.treeview-left.active {
  372 + left: -290px;
  373 +}
  374 +/*.main2{margin-left:106;position: relative;transition:margin .3s ease;margin-top:60px;}
  375 +.main2.active{margin-left:0;}
  376 +.tools{left: 0px;transition:left .3s ease;}
  377 +.tools.active{left: -106px;}*/
  378 +.main2 {
  379 + background: #383838;
  380 + margin-left: 110px;
  381 + padding-top: 51px;
  382 +}
  383 +.main2 {
  384 + margin-left: 110px;
  385 + position: relative;
  386 + transition: margin .3s ease;
  387 + margin-top: 50px;
  388 +}
  389 +.main2.active {
  390 + margin-left: 0;
  391 +}
  392 +.tools {
  393 + height: 100vh;
  394 + background: #222;
  395 + width: 110px;
  396 + padding-top: 110px;
  397 + /*overflow: hidden;*/
  398 + position: fixed;
  399 + left: 0;
  400 + top: 0;
  401 + z-index: 1029;
  402 +}
  403 +.tools {
  404 + left: 0px;
  405 + transition: left .3s ease;
  406 +}
  407 +.tools.active {
  408 + left: -100px;
  409 +}
  410 +.navbar-fixed-top, .navbar-fixed-bottom {
  411 + z-index: 1035;
  412 +}
  413 +.main .breadcrumb {
  414 + background: #3d3d3d;
  415 + border: 1px solid #494949;
  416 + margin-bottom: 10px;
  417 + padding: 0 15px; /*background-color:rgba(61,61,61,0.95);*/
  418 +}
  419 +.main-treeview .breadcrumb {
  420 + background: #3d3d3d;
  421 + border: 1px solid #494949;
  422 + margin-bottom: 10px;
  423 + padding: 10px 15px; /*background-color:rgba(61,61,61,0.95);*/
  424 +}
  425 +.main2 .breadcrumb {
  426 + background: #3d3d3d;
  427 + border: 1px solid #494949;
  428 + margin-bottom: 10px;
  429 + padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
  430 +}
  431 +.main-full {
  432 + margin-top: 100px;
  433 +}
  434 +.main-full .breadcrumb {
  435 + background: #3d3d3d;
  436 + border: 1px solid #494949;
  437 + margin-bottom: 10px;
  438 + padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
  439 +}
  440 +.toggleHeadingButton {
  441 + font-size: 20px;
  442 + color: #fff;
  443 + cursor: pointer;
  444 +}
  445 +.indicators {
  446 + position: absolute;
  447 + bottom: 0;
  448 + left: 0;
  449 + background: #000000;
  450 + padding: 5px;
  451 + z-index: 9999;
  452 + width: 300px;
  453 +}
  454 +.well-white {
  455 + background: #fff;
  456 + height: 100vh;
  457 + padding: 10px;
  458 +}
  459 +.leftPanel-data {
  460 + padding: 10px 10px 0 10px;
  461 +}
  462 +.dragger {
  463 + position: relative;
  464 +}
  465 +.dragger #block-1 {
  466 + position: absolute;
  467 + top: 170px;
  468 + left: 170px;
  469 + width: 200px;
  470 + height: 50px;
  471 + border: 1px solid #333;
  472 + background: #E8E8E8;
  473 +}
  474 +.dragger .drag-img1 {
  475 + position: absolute;
  476 + bottom: 0px;
  477 + left: 0;
  478 +}
  479 +.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
  480 + cursor: move;
  481 +}
  482 +.thumbnail .caption p {
  483 + overflow: hidden;
  484 + text-overflow: ellipsis;
  485 + white-space: nowrap;
  486 + /* width: 150px !important;*/
  487 + text-align: center;
  488 +}
  489 +.pos-relative {
  490 + position: relative;
  491 + float: left;
  492 +}
  493 +.toggle-icon {
  494 + position: absolute;
  495 + top: 110px;
  496 + left: 100px;
  497 + z-index: 99999;
  498 + -moz-transition: left 0.5s ease;
  499 + transition: left 0.5s ease;
  500 + background: url(../img/icon-sidebar.png) no-repeat 0;
  501 + width: 11px;
  502 + height: 33px;
  503 +}
  504 +.active .toggle-icon {
  505 + background: url(../img/icon-sidebar.png) no-repeat -11px;
  506 + width: 11px;
  507 + height: 33px;
  508 +}
  509 +.toggle-icon-treeview {
  510 + position: absolute;
  511 + top: 110px;
  512 + left: 290px;
  513 + z-index: 99999;
  514 + -moz-transition: left 0.5s ease;
  515 + transition: left 0.5s ease;
  516 + background: url(../img/icon-sidebar.png) no-repeat 0;
  517 + width: 11px;
  518 + height: 33px;
  519 +}
  520 +.active .toggle-icon-treeview {
  521 + background: url(../img/icon-sidebar.png) no-repeat -11px;
  522 + width: 11px;
  523 + height: 33px;
  524 +}
  525 +.navbar-inverse .navbar-nav > li > a {
  526 + color: #FFFFFF;
  527 +}
  528 +.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  529 + color: #2db0f5;
  530 +}
  531 +ul.right0 {
  532 + right: 0!important;
  533 + left: auto;
  534 + min-width: 300px;
  535 + padding: 10px;
  536 + transition: visibility 0.15s ease 0s, opacity 0.15s ease 0s, transform 0.15s ease 0s;
  537 + border-bottom: 4px solid #abafb0;
  538 + box-shadow: 0 4px 2px -2px #abafb0 inset;
  539 +}
  540 +.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  541 + background-color: #0095da;
  542 + color: #ffffff;
  543 +}
  544 +.padd5 {
  545 + padding: 5px;
  546 +}
  547 +.padded25{ padding:25px;}
  548 +ul.listgrid-view{ list-style:none;}
  549 +ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D; padding:2px 5px; border-radius:2px;}
  550 +ul.listgrid-view li a{color:#fff!important;}
  551 +ul.listgrid-view li.active{ background:#0095da!important;}
  552 +.bg-white{ background:#fff;}
  553 +.stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;}
  554 +
  555 +
  556 + @-webkit-keyframes circle {
  557 +0% {
  558 + opacity: 1;
  559 +}
  560 + 40% {
  561 + opacity: 1;
  562 +}
  563 + 100% {
  564 + width: 200%;
  565 + height: 200%;
  566 + opacity: 0;
  567 +}
  568 +}
  569 +@keyframes circle {
  570 + 0% {
  571 + opacity: 1;
  572 +}
  573 + 40% {
  574 + opacity: 1;
  575 +}
  576 + 100% {
  577 + width: 200%;
  578 + height: 200%;
  579 + opacity: 0;
  580 +}
  581 +}
  582 +
  583 +@media (max-width: 480px) {
  584 +.tools i {
  585 + font-size: inherit;
  586 +}
  587 +.pageHeading h4 {
  588 + font-size: 20px;
  589 +}
  590 +}
  591 +
  592 +/** Responsive **/
  593 +@media (max-width: 1199px) {
  594 +/*.main{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
  595 + .main.active{left: 250px;}
  596 + .sidebar{left: -250px;transition:left .3s ease;}
  597 + .sidebar.active{left: 0;}*/
  598 + /*.main2{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
  599 + .main2.active{left: 106px;}
  600 + .tools{left: -106px;transition:left .3s ease;}
  601 + .tools.active{left: 0;}*/
  602 +
  603 +
  604 +}
  605 +
  606 +@media (max-width: 767px) {
  607 +textarea {
  608 + height: 120px !important;
  609 +}
  610 +.quesDetail>*, .patDataRow>* {
  611 + text-align: left !important;
  612 +}
  613 +.table {
  614 + font-size: .9em;
  615 +}
  616 +.stylish-input-group .form-control {
  617 + border-right: 0;
  618 + box-shadow: 0 0 0;
  619 + border-color: #ccc;
  620 + width: 100%;
  621 + float: right;
  622 +}
  623 +}
  624 +
  625 +@media (max-width: 1023px) {
  626 +/*.nav > li > a{ padding:15px 6px!important;}*/
  627 +
  628 +.main {
  629 + margin-left: 0;
  630 + position: relative;
  631 + transition: left .3s ease;
  632 + left: 0;
  633 +}
  634 +.main.active {
  635 + left: 200px;
  636 +}
  637 +.sidebar {
  638 + left: -200px;
  639 + transition: left .3s ease;
  640 +}
  641 +.sidebar.active {
  642 + left: 0;
  643 +}
  644 +.main-treeview {
  645 + margin-left: 0;
  646 + position: relative;
  647 + transition: left .3s ease;
  648 + left: 0;
  649 +}
  650 +.main-treeview.active {
  651 + left: 300px;
  652 +}
  653 +.treeview-left {
  654 + left: -300px;
  655 + transition: left .3s ease;
  656 +}
  657 +.treeview-left.active {
  658 + left: 0;
  659 +}
  660 +}
  661 +
  662 +@media (min-width: 768px) and (max-width: 1199px) {
  663 +.hidden-sm {
  664 + display: none !important;
  665 +}
  666 +.width120 {
  667 + width: 90%!important;
  668 +}
  669 +/* .toggleBar { margin:20px 10px 0 0}*/
  670 +}
  671 +
  672 +@media (min-width: 768px) {
  673 +.toperMenu-spaceleft {
  674 + margin-left: 20px;
  675 +}
  676 +}
  677 +
  678 +@media (max-width: 350px) {
  679 +.pageHeading h4 {
  680 + overflow: hidden;
  681 + text-overflow: ellipsis;
  682 + white-space: nowrap;
  683 + width: 164px !important;
  684 +}
  685 +}
400-SOURCECODE/AIAHTML5.Web/login.html
  View file @cb29380
@@ -10,8 +10,7 @@ @@ -10,8 +10,7 @@
10 <link href="themes/default/css/bootstrap/3.3.6/bootstrap.css" rel="stylesheet" /> 10 <link href="themes/default/css/bootstrap/3.3.6/bootstrap.css" rel="stylesheet" />
11 <!--NOT AVAILABLE IN PROTOTYPE--> 11 <!--NOT AVAILABLE IN PROTOTYPE-->
12 <link href="css/bootswatch.css" rel="stylesheet"> 12 <link href="css/bootswatch.css" rel="stylesheet">
13 - <script src="content/js/custom/main.js"></script>  
14 - 13 + <link href="content/css/main.css" rel="stylesheet" />
15 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,400italic"> 14 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,400italic">
16 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 15 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
17 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 16 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
@@ -25,7 +24,8 @@ @@ -25,7 +24,8 @@
25 <div class="container-fluid loginBg"> 24 <div class="container-fluid loginBg">
26 <div class="row"> 25 <div class="row">
27 <div class="col-xs-12 text-center"> 26 <div class="col-xs-12 text-center">
28 - <a href="index.html" class="loginLogo"><img src="img/logo-large.png" class="img-responsive" alt=""></a> 27 +
  28 + <a href="index.html" class="loginLogo"><img src="content/images/logo-large.png" class="img-responsive" alt=""></a>
29 <div class="headerBand row"> 29 <div class="headerBand row">
30 <div class="col-xs-12"> 30 <div class="col-xs-12">
31 <h1>A.D.A.M. Interactive Anatomy</h1> 31 <h1>A.D.A.M. Interactive Anatomy</h1>
400-SOURCECODE/AIAHTML5.Web/obj/Debug/DesignTimeResolveAssemblyReferencesInput.cache
View file @cb29380
No preview for this file type