From cb29380ea774a1850b5faeebac2dd7ede101c280 Mon Sep 17 00:00:00 2001 From: amrita@123 Date: Thu, 7 Apr 2016 10:49:42 +0530 Subject: [PATCH] Refs# 1719 HTML Prototype is integrated --- 400-SOURCECODE/AIAHTML5.Web/content/css/main.css | 685 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 400-SOURCECODE/AIAHTML5.Web/login.html | 6 +++--- 400-SOURCECODE/AIAHTML5.Web/obj/Debug/DesignTimeResolveAssemblyReferencesInput.cache | Bin 24111 -> 0 bytes 3 files changed, 688 insertions(+), 3 deletions(-) create mode 100644 400-SOURCECODE/AIAHTML5.Web/content/css/main.css diff --git a/400-SOURCECODE/AIAHTML5.Web/content/css/main.css b/400-SOURCECODE/AIAHTML5.Web/content/css/main.css new file mode 100644 index 0000000..1b3d60f --- /dev/null +++ b/400-SOURCECODE/AIAHTML5.Web/content/css/main.css @@ -0,0 +1,685 @@ +/*** +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; +} +} diff --git a/400-SOURCECODE/AIAHTML5.Web/login.html b/400-SOURCECODE/AIAHTML5.Web/login.html index 85dbc36..659f7c1 100644 --- a/400-SOURCECODE/AIAHTML5.Web/login.html +++ b/400-SOURCECODE/AIAHTML5.Web/login.html @@ -10,8 +10,7 @@ - - + @@ -25,7 +24,8 @@
- + +

A.D.A.M. Interactive Anatomy

diff --git a/400-SOURCECODE/AIAHTML5.Web/obj/Debug/DesignTimeResolveAssemblyReferencesInput.cache b/400-SOURCECODE/AIAHTML5.Web/obj/Debug/DesignTimeResolveAssemblyReferencesInput.cache index 012a27f..d9013db 100644 Binary files a/400-SOURCECODE/AIAHTML5.Web/obj/Debug/DesignTimeResolveAssemblyReferencesInput.cache and b/400-SOURCECODE/AIAHTML5.Web/obj/Debug/DesignTimeResolveAssemblyReferencesInput.cache differ -- libgit2 0.21.4