Refs# 1719 HTML Prototype is integrated

Amrita Vishnoi
1 parent 1a2ffc4c
Showing 3 changed files with 688 additions and 3 deletions
400-SOURCECODE/AIAHTML5.Web/content/css/main.css
400-SOURCECODE/AIAHTML5.Web/login.html
400-SOURCECODE/AIAHTML5.Web/obj/Debug/DesignTimeResolveAssemblyReferencesInput.cache
+/***
+MAIN.CSS for AIA
+TO BE USED WITH CUSTOM BOOTSTRAP THEME ALREADY INCLUDED
+**/
+
+/*** Global ***/
+* {
+	outline: 0 !important;
+}
+body {
+	background: #383838;
+}
+.btn {
+	-webkit-transition: all .3s ease;
+	-ms-transition: all .3s ease;
+	transition: all .3s ease;
+}
+.btnCustom {
+	border: 0 !important;
+	padding-left: 50px;
+	padding-right: 50px;
+	min-height: 40px;
+}
+.btnCustom.btn-large {
+	width: 220px;
+	height: 50px;
+	padding-left: 0;
+	padding-right: 0;
+}
+footer {
+	color: #303030;
+	font: 12px/30px 'Open Sans';
+	margin-top: -30px;
+}
+footer.dark {
+	color: #ccc;
+	background: #303030;
+}
+.frameLogo {
+	display: block;
+}
+.navbar-brand {
+	height: 60px;
+	padding: 10px 15px;
+}
+.no-scroll {
+	overflow: hidden;
+}
+/*** Login Page ***/
+.loginBg {
+	min-height: 100vh;
+	background: #303030;
+}
+.loginPanel {
+	margin: 0 0 100px;
+}
+.loginLogo {
+	margin: 20px auto;
+	display: block;
+	max-width: 360px;
+}
+.headerBand {
+	background: #818f44;
+	padding-bottom: 10px;
+	color: #fff;
+}
+.headerBand h1 {
+	font: 700 36px/1 'Open Sans';
+}
+.headerBand p {
+	font: 400 16px 'Open Sans';
+	letter-spacing: 0px;
+	word-spacing: 1px;
+}
+.loginBox {
+	max-width: 350px;
+	background: #666666;
+	margin: 30px auto 0;
+	border-radius: 2px;
+	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
+	-ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
+	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
+	padding: 15px 0;
+}
+.loginBox strong {
+	color: #0095da;
+	font: 600 18px/1 'Open Sans';
+	padding-bottom: 10px;
+	display: block;
+}
+.loginExBtn {
+	max-width: 350px;
+	margin: 15px auto 0;
+}
+.loginExBtn a {
+	width: 48%;
+}
+/*** Mainframe ***/
+.sidebar {
+	height: 100vh;
+	background: #222;
+	width: 200px;
+	padding-top: 90px;
+	overflow: auto;
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: 1029;
+}
+.navbar {
+	border-bottom: none!important;
+}
+.main {
+	background: #383838;
+	margin-left: 200px;
+	padding-top: 51px;
+}
+.treeview-left {
+	height: 100vh;
+	background: #222;
+	width: 300px;
+	padding-top: 90px;
+	overflow: auto;
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: 1029;
+}
+.main-treeview {
+	background: #383838;
+	margin-left: 300px;
+	padding-top: 51px;
+}
+.nav-sidebar a {
+	color: #fff; /*border-bottom:1px solid #ccc!important;*/
+}
+.nav-sidebar li a {
+	color: #fff;
+}
+.nav-sidebar a:hover, .nav-sidebar a:focus {
+	color: #fff;
+	background: #1B92D0!important;
+}
+.nav-sidebar a.active {
+	color: #fff;
+	background: #1B92D0!important;
+}
+.toggleBar {
+	margin: 0px 10px 0 0;
+}
+.space-left20 {
+	padding-left: 20px;
+}
+.padd-lftright25 {
+	padding: 0 25px;
+}
+.tab-content {
+	padding: 10px 0;
+}
+.space-top50 {
+	margin-top: 50px;
+}
+/*.tools {
+    background: #eeeeee none repeat scroll 0 0;
+    border: 1px solid #c1c1c1;
+	border-top:none;
+    /*padding: 10px;
+	width:106px;
+	position:absolute;
+	left: 0;
+	top: 120px;
+	padding-top:10px;
+	z-index:1024;
+
+}*/
+.tools i {
+	font-size: 1.4em;
+}
+.marginTop10 {
+	margin-top: 10px;
+}
+.marginTop2 {
+	margin-top: 2px;
+}
+.marginL2 {
+	margin-left: 2px!important;
+}
+.marginR5 {
+	margin-right: 5px!important;
+}
+.paddTop4 {
+	padding-top: 4px;
+}
+.vert_slider {
+	clear: both;
+	margin: 20px auto 30px;
+	width: 1rem;
+}
+#inner-anatomyPage .nav > li > a:hover {
+	background: #1c92d0;
+	color: #fff;
+	border-radius: 3px 3px 0 0;
+	border: 1px solid #1c92d0;
+	border-bottom: none;
+}
+.page-head {
+	background: #f3f3f3 none repeat scroll 0 0;
+	border-bottom: 1px solid #ffffff;
+	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);
+	padding: 8px 20px;
+	margin-bottom: 20px;
+}
+.no-margin {
+	margin: 0!important
+}
+.no-padding {
+	padding: 0!important
+}
+.marginTopBtm10 {
+	margin: 10px 0!important
+}
+.paddingTopBtm10 {
+	padding: 10px 0
+}
+.page-header {
+	border-bottom: 0!important
+}
+.marginTop5 {
+	margin-top: 5px;
+}
+.paddingbtm5 {
+	padding-bottom: 5px;
+}
+.border-Btm1 {
+	border-bottom: 1px solid #D8D8D8;
+}
+.pageHeading {
+	background: #818d43 none repeat scroll 0 0;
+	padding: 0px 15px;
+	margin-top: 60px;
+	z-index: 1030;
+	position: fixed;
+	width: 100%;
+}
+.pageHeading h4 {
+	font-size: 15px;
+	margin: 0!important;
+	color: #fff;
+	line-height: 30px;
+	font-weight: 600;
+	text-transform: uppercase
+}
+.color-white {
+	color: #fff!important;
+}
+.color-green {
+	color: #818f44!important;
+}
+.btn-black {
+	background-color: #4b4b4b;
+	border-color: #3f3f3f;
+	color: #ffffff;
+}
+.btn-black:hover, .btn-black:focus {
+	background-color: #1B92D0;
+	border-color: #1B92D0;
+	color: #ffffff;
+}
+.font16 {
+	font-size: 1.59em!important;
+}
+.modal-body {
+	padding: 0 10px;
+}
+.well-popup {
+	margin-bottom: 10px;
+	padding: 5px;
+}
+.annotation-modal-header {
+	padding: 5px 10px;
+}
+.form-group {
+	margin-bottom: 7px;
+}
+/********Stylish Search**************/
+
+#imaginary_container {
+	margin: 8px 0!important;
+}
+.stylish-input-group .input-group-addon {
+	background: white !important;
+}
+.stylish-input-group .form-control {
+	border-right: 0;
+	box-shadow: 0 0 0;
+	border-color: #ccc;
+	width: 30%;
+	float: right;
+}
+.stylish-input-group button {
+	border: 0;
+	background: transparent;
+}
+#vertical-slider {
+	height: 150px;
+	margin-left: 30px;
+}
+.navbar-nav > li > a {
+	line-height: 30px;
+}
+.paddTop5 {
+	padding-top: 5px;
+}
+.mrgnBtm5 {
+	margin-bottom: 3px;
+}
+.thumbnail a {
+	color: #303030!important;
+	text-decoration: none;
+}
+.thumbnail a:hover {
+	color: #FFFFFF!important;
+	text-decoration: none!important;
+}
+.thumbnail:hover {
+	background: #8C8C8C!important;
+	border: 1px solid #a2a2a2;
+}
+#inner-anatomyPage .nav-tabs {
+	border-bottom: 1px solid #494949;
+}
+#inner-anatomyPage .nav-tabs li a {
+	color: #fff;
+}
+#inner-anatomyPage .nav-tabs li.active {
+	color: #000;
+}
+#inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+	background: #1c92d0;
+	border: 1px solid #1c92d0;
+}
+.main {
+	margin-left: 200px;
+	position: relative;
+	transition: margin .3s ease;
+	margin-top: 50px;
+}
+.main.active {
+	margin-left: 0;
+}
+.sidebar {
+	left: 0px;
+	transition: left .3s ease;
+}
+.sidebar.active {
+	left: -200px;
+}
+.main-treeview {
+	margin-left: 290px;
+	position: relative;
+	transition: margin .3s ease;
+	margin-top: 50px;
+}
+.main-treeview.active {
+	margin-left: 0;
+}
+.treeview-left {
+	left: 0px;
+	transition: left .3s ease;
+}
+.treeview-left.active {
+	left: -290px;
+}
+/*.main2{margin-left:106;position: relative;transition:margin .3s ease;margin-top:60px;}
+.main2.active{margin-left:0;}
+.tools{left: 0px;transition:left .3s ease;}
+.tools.active{left: -106px;}*/
+.main2 {
+	background: #383838;
+	margin-left: 110px;
+	padding-top: 51px;
+}
+.main2 {
+	margin-left: 110px;
+	position: relative;
+	transition: margin .3s ease;
+	margin-top: 50px;
+}
+.main2.active {
+	margin-left: 0;
+}
+.tools {
+	height: 100vh;
+	background: #222;
+	width: 110px;
+	padding-top: 110px;
+	/*overflow: hidden;*/
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: 1029;
+}
+.tools {
+	left: 0px;
+	transition: left .3s ease;
+}
+.tools.active {
+	left: -100px;
+}
+.navbar-fixed-top, .navbar-fixed-bottom {
+	z-index: 1035;
+}
+.main .breadcrumb {
+	background: #3d3d3d;
+	border: 1px solid #494949;
+	margin-bottom: 10px;
+	padding: 0 15px; /*background-color:rgba(61,61,61,0.95);*/
+}
+.main-treeview .breadcrumb {
+	background: #3d3d3d;
+	border: 1px solid #494949;
+	margin-bottom: 10px;
+	padding: 10px 15px; /*background-color:rgba(61,61,61,0.95);*/
+}
+.main2 .breadcrumb {
+	background: #3d3d3d;
+	border: 1px solid #494949;
+	margin-bottom: 10px;
+	padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
+}
+.main-full {
+	margin-top: 100px;
+}
+.main-full .breadcrumb {
+	background: #3d3d3d;
+	border: 1px solid #494949;
+	margin-bottom: 10px;
+	padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
+}
+.toggleHeadingButton {
+	font-size: 20px;
+	color: #fff;
+	cursor: pointer;
+}
+.indicators {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background: #000000;
+	padding: 5px;
+	z-index: 9999;
+	width: 300px;
+}
+.well-white {
+	background: #fff;
+	height: 100vh;
+	padding: 10px;
+}
+.leftPanel-data {
+	padding: 10px 10px 0 10px;
+}
+.dragger {
+	position: relative;
+}
+.dragger #block-1 {
+	position: absolute;
+	top: 170px;
+	left: 170px;
+	width: 200px;
+	height: 50px;
+	border: 1px solid #333;
+	background: #E8E8E8;
+}
+.dragger .drag-img1 {
+	position: absolute;
+	bottom: 0px;
+	left: 0;
+}
+.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
+	cursor: move;
+}
+.thumbnail .caption p {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	/* width: 150px !important;*/
+	text-align: center;
+}
+.pos-relative {
+	position: relative;
+	float: left;
+}
+.toggle-icon {
+	position: absolute;
+	top: 110px;
+	left: 100px;
+	z-index: 99999;
+	-moz-transition: left 0.5s ease;
+	transition: left 0.5s ease;
+	background: url(../img/icon-sidebar.png) no-repeat 0;
+	width: 11px;
+	height: 33px;
+}
+.active .toggle-icon {
+	background: url(../img/icon-sidebar.png) no-repeat -11px;
+	width: 11px;
+	height: 33px;
+}
+.toggle-icon-treeview {
+	position: absolute;
+	top: 110px;
+	left: 290px;
+	z-index: 99999;
+	-moz-transition: left 0.5s ease;
+	transition: left 0.5s ease;
+	background: url(../img/icon-sidebar.png) no-repeat 0;
+	width: 11px;
+	height: 33px;
+}
+.active .toggle-icon-treeview {
+	background: url(../img/icon-sidebar.png) no-repeat -11px;
+	width: 11px;
+	height: 33px;
+}
+.navbar-inverse .navbar-nav > li > a {
+	color: #FFFFFF;
+}
+.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
+	color: #2db0f5;
+}
+ul.right0 {
+	right: 0!important;
+	left: auto;
+	min-width: 300px;
+	padding: 10px;
+	transition: visibility 0.15s ease 0s, opacity 0.15s ease 0s, transform 0.15s ease 0s;
+	border-bottom: 4px solid #abafb0;
+	box-shadow: 0 4px 2px -2px #abafb0 inset;
+}
+.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
+	background-color: #0095da;
+	color: #ffffff;
+}
+.padd5 {
+	padding: 5px;
+}
+.padded25{ padding:25px;}
+ul.listgrid-view{ list-style:none;}
+ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D;  padding:2px 5px; border-radius:2px;}
+ul.listgrid-view li a{color:#fff!important;}
+ul.listgrid-view li.active{  background:#0095da!important;}
+.bg-white{ background:#fff;}
+.stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;}
+
+
+ @-webkit-keyframes circle {
+0% {
+ opacity: 1;
+}
+ 40% {
+ opacity: 1;
+}
+ 100% {
+ width: 200%;
+ height: 200%;
+ opacity: 0;
+}
+}
+@keyframes circle {
+ 0% {
+ opacity: 1;
+}
+ 40% {
+ opacity: 1;
+}
+ 100% {
+ width: 200%;
+ height: 200%;
+ opacity: 0;
+}
+}
+
+@media (max-width: 480px) {
+.tools i {
+	font-size: inherit;
+}
+.pageHeading h4 {
+	font-size: 20px;
+}
+}
+
+/** Responsive **/
+@media (max-width: 1199px) {
+/*.main{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
+    .main.active{left: 250px;}
+    .sidebar{left: -250px;transition:left .3s ease;}
+    .sidebar.active{left: 0;}*/
+	/*.main2{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
+    .main2.active{left: 106px;}
+    .tools{left: -106px;transition:left .3s ease;}
+    .tools.active{left: 0;}*/
+	
+	
+}
+
+@media (max-width: 767px) {
+textarea {
+	height: 120px !important;
+}
+.quesDetail>*, .patDataRow>* {
+	text-align: left !important;
+}
+.table {
+	font-size: .9em;
+}
+.stylish-input-group .form-control {
+	border-right: 0;
+	box-shadow: 0 0 0;
+	border-color: #ccc;
+	width: 100%;
+	float: right;
+}
+}
+
+@media (max-width: 1023px) {
+/*.nav > li > a{ padding:15px 6px!important;}*/
+
+.main {
+	margin-left: 0;
+	position: relative;
+	transition: left .3s ease;
+	left: 0;
+}
+.main.active {
+	left: 200px;
+}
+.sidebar {
+	left: -200px;
+	transition: left .3s ease;
+}
+.sidebar.active {
+	left: 0;
+}
+.main-treeview {
+	margin-left: 0;
+	position: relative;
+	transition: left .3s ease;
+	left: 0;
+}
+.main-treeview.active {
+	left: 300px;
+}
+.treeview-left {
+	left: -300px;
+	transition: left .3s ease;
+}
+.treeview-left.active {
+	left: 0;
+}
+}
+
+@media (min-width: 768px) and (max-width: 1199px) {
+.hidden-sm {
+	display: none !important;
+}
+.width120 {
+	width: 90%!important;
+}
+/* .toggleBar { margin:20px 10px 0 0}*/
+}
+
+@media (min-width: 768px) {
+.toperMenu-spaceleft {
+	margin-left: 20px;
+}
+}
+
+@media (max-width: 350px) {
+.pageHeading h4 {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 164px !important;
+}
+}
@@ -10,8 +10,7 @@
     <link href="themes/default/css/bootstrap/3.3.6/bootstrap.css" rel="stylesheet" />
     <!--NOT AVAILABLE IN PROTOTYPE-->
 <link href="css/bootswatch.css" rel="stylesheet">
-    <script src="content/js/custom/main.js"></script>
-
+    <link href="content/css/main.css" rel="stylesheet" />
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,400italic">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
@@ -25,7 +24,8 @@
     <div class="container-fluid loginBg">
         <div class="row">
             <div class="col-xs-12 text-center">
-                <a href="index.html" class="loginLogo"><img src="img/logo-large.png" class="img-responsive" alt=""></a>
+                
+                <a href="index.html" class="loginLogo"><img src="content/images/logo-large.png" class="img-responsive" alt=""></a>
                 <div class="headerBand row">
                     <div class="col-xs-12">
                         <h1>A.D.A.M. Interactive Anatomy</h1>